blob: 960be234f978d51f4f795911c3d3b075748dd1a5 [file] [log] [blame]
Michael Lando5b593492018-07-29 16:13:45 +03001@sdcui_color_white: #ffffff;
2@sdcui_color_dark-blue: #0568ae;
3@sdcui_color_blue: #009fdb;
4@sdcui_color_light-blue: #1eb9f3;
5@sdcui_color_blue-disabled: #9dd9ef;
6@sdcui_color_lighter-blue: #e6f6fb;
7@sdcui_color_black: #000000;
8@sdcui_color_text-black: #191919;
9@sdcui_color_rich-black: #323943;
10@sdcui_color_dark-gray: #5a5a5a;
11@sdcui_color_gray: #959595;
12@sdcui_color_light-gray: #d2d2d2;
13@sdcui_color_silver: #eaeaea;
14@sdcui_color_light-silver: #f2f2f2;
15@sdcui_color_lighter-silver: #f8f8f8;
16@sdcui_color_green: #4ca90c;
17@sdcui_color_red: #cf2a2a;
18@sdcui_color_light-red: #ed4141;
19@sdcui_color_disabled-red: #f4adad;
20@sdcui_color_yellow: #ffb81c;
21@sdcui_color_dark-purple: #702f8a;
22@sdcui_color_purple: #9063cd;
23@sdcui_color_light-purple: #caa2dd;
24
25/* override sdc-ui library tabs */
26body.composition {
27
28 .sdc-tabs {
29 .sdc-tab {
30 background-color: @sdcui_color_white;
31 border: 1px solid @sdcui_color_silver;
32 border-left: none;
33 display: inline-block;
34 height: 36px;
35 text-align: center;
36 cursor: pointer;
37 padding: 2px 10px 0 10px;
38 margin: 0;
39
40
41 &:first-child {
42 border-left: 1px solid @sdcui_color_silver;
43 }
44 &.sdc-tab-active {
45 background-color: @sdcui_color_silver;
46 }
47 &[disabled] {
48 opacity: 0.3;
49 cursor: default;
50 }
51 }
52 &.sdc-tabs-header {
53 .sdc-tab {
54 font-size: 24px;
55 }
56 }
57 &.sdc-tabs-menu {
58 .sdc-tab {
59 font-size: 14px;
60 padding: 0px 10px 4px 10px;
61 }
62 }
63 .sdc-tab-content {
64 margin-top: 0;
65 }
66 }
67
68}
69//override sdc-ui version 53 css, used by onboarding. This can be removed after we update past version 42
70sdc-modal {
71 position: static !important;
72}