Gitiles
Code Review Sign In
gerrit.nordix.org / onap / sdc / dec02e7cc74e1c401be51bd9d266575e1e008f5f / . / catalog-ui / src / assets / styles / mixins.less
blob: 4a0356d8106b016ebab56847338f755e8c9c40bb [file] [log] [blame]
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]1@import "variables";
2
3.f-color {
4 .a {color: @main_color_a;}
5 .b {color: @main_color_b;}
6 .c {color: @main_color_c;}
7 .d {color: @main_color_d;}
8 .e {color: @main_color_e;}
9 .f {color: @main_color_f;}
10 .g {color: @main_color_g;}
11 .h {color: @main_color_h;}
12 .i {color: @main_color_i;}
13 .j {color: @main_color_j;}
14 .k {color: @main_color_k;}
15 .l {color: @main_color_l;}
16 .m {color: @main_color_m;}
17 .n {color: @main_color_n;}
18 .o {color: @main_color_o;}
19 .p {color: @main_color_p;}
20
21 .q {color: @func_color_q;}
22 .r {color: @func_color_r;}
23 .s {color: @func_color_s;}
24
25 .t {color: @tlv_color_t;}
26 .u {color: @tlv_color_u;}
27 .v {color: @tlv_color_v;}
28
29
30}
31
32.f-type {
33 ._36 {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]34 font-family: @font-opensans-light;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]35 font-size: 36px;
36 }
37 ._24 {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]38 font-family: @font-opensans-light;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]39 font-size: 24px;
40 }
41 ._18_r {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]42 font-family: @font-opensans-regular;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]43 font-size: 18px;
44 }
45 ._18_m {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]46 font-family: @font-opensans-medium;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]47 font-size: 18px;
48 }
49 ._16_r {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]50 font-family: @font-opensans-regular;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]51 font-size: 16px;
52 }
53 ._16_m {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]54 font-family: @font-opensans-medium;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]55 font-size: 16px;
56 }
57 ._14_r {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]58 font-family: @font-opensans-regular;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]59 font-size: 14px;
60 }
61 ._14_m {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]62 font-family: @font-opensans-medium;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]63 font-size: 14px;
64 }
65 ._14_i {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]66 font-family: @font-opensans-medium-italic;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]67 font-size: 14px;
68 }
69 ._13_r {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]70 font-family: @font-opensans-regular;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]71 font-size: 13px;
72 }
73 ._13_m {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]74 font-family: @font-opensans-medium;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]75 font-size: 13px;
76 }
77 ._13_i {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]78 font-family: @font-opensans-medium-italic;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]79 font-size: 13px;
80 }
81 ._12_r {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]82 font-family: @font-opensans-regular;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]83 font-size: 12px;
84 }
85 ._12_m {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]86 font-family: @font-opensans-medium;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]87 font-size: 12px;
88 }
89 ._12_i {
Michael Landodd603392017-07-12 00:54:52 +0300[diff] [blame]90 font-family: @font-opensans-medium-italic;
Michael Landoed64b5e2017-06-09 03:19:04 +0300[diff] [blame]91 font-size: 12px;
92 }
93}
94
95.buildForColor(@c){
96 .@{c}_36 { color: ~"@{main_color_@{c}}"; .f-type > ._36;}
97 .@{c}_24 { color: ~"@{main_color_@{c}}"; .f-type > ._24;}
98 .@{c}_18_r { color: ~"@{main_color_@{c}}"; .f-type > ._18_r;}
99 .@{c}_18_m { color: ~"@{main_color_@{c}}"; .f-type > ._18_m;}
100 .@{c}_16_r { color: ~"@{main_color_@{c}}"; .f-type > ._16_r;}
101 .@{c}_16_m { color: ~"@{main_color_@{c}}"; .f-type > ._16_m;}
102 .@{c}_14_r { color: ~"@{main_color_@{c}}"; .f-type > ._14_r;}
103 .@{c}_14_m { color: ~"@{main_color_@{c}}"; .f-type > ._14_m;}
104 .@{c}_14_i { color: ~"@{main_color_@{c}}"; .f-type > ._14_i;}
105 .@{c}_13_r { color: ~"@{main_color_@{c}}"; .f-type > ._13_r;}
106 .@{c}_13_m { color: ~"@{main_color_@{c}}"; .f-type > ._13_m;}
107 .@{c}_13_i { color: ~"@{main_color_@{c}}"; .f-type > ._13_i;}
108 .@{c}_12_r { color: ~"@{main_color_@{c}}"; .f-type > ._12_r;}
109 .@{c}_12_m { color: ~"@{main_color_@{c}}"; .f-type > ._12_m;}
110 .@{c}_12_i { color: ~"@{main_color_@{c}}"; .f-type > ._12_i;}
111}
112
113.buildForFuncColor(@c){
114 .@{c}_36 { color: ~"@{func_color_@{c}}"; .f-type > ._36;}
115 .@{c}_24 { color: ~"@{func_color_@{c}}"; .f-type > ._24;}
116 .@{c}_18_r { color: ~"@{func_color_@{c}}"; .f-type > ._18_r;}
117 .@{c}_18_m { color: ~"@{func_color_@{c}}"; .f-type > ._18_m;}
118 .@{c}_16_r { color: ~"@{func_color_@{c}}"; .f-type > ._16_r;}
119 .@{c}_16_m { color: ~"@{func_color_@{c}}"; .f-type > ._16_m;}
120 .@{c}_14_r { color: ~"@{func_color_@{c}}"; .f-type > ._14_r;}
121 .@{c}_14_m { color: ~"@{func_color_@{c}}"; .f-type > ._14_m;}
122 .@{c}_14_i { color: ~"@{func_color_@{c}}"; .f-type > ._14_i;}
123 .@{c}_13_r { color: ~"@{func_color_@{c}}"; .f-type > ._13_r;}
124 .@{c}_13_m { color: ~"@{func_color_@{c}}"; .f-type > ._13_m;}
125 .@{c}_13_i { color: ~"@{func_color_@{c}}"; .f-type > ._13_i;}
126 .@{c}_12_r { color: ~"@{func_color_@{c}}"; .f-type > ._12_r;}
127 .@{c}_12_m { color: ~"@{func_color_@{c}}"; .f-type > ._12_m;}
128 .@{c}_12_i { color: ~"@{func_color_@{c}}"; .f-type > ._12_i;}
129}
130
131
132.buildForTlvColor(@c){
133 .@{c}_36 { color: ~"@{tlv_color_@{c}}"; .f-type > ._36;}
134 .@{c}_24 { color: ~"@{tlv_color_@{c}}"; .f-type > ._24;}
135 .@{c}_18_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._18_r;}
136 .@{c}_18_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._18_m;}
137 .@{c}_16_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._16_r;}
138 .@{c}_16_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._16_m;}
139 .@{c}_14_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._14_r;}
140 .@{c}_14_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._14_m;}
141 .@{c}_14_i { color: ~"@{tlv_color_@{c}}"; .f-type > ._14_i;}
142 .@{c}_13_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._13_r;}
143 .@{c}_13_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._13_m;}
144 .@{c}_13_i { color: ~"@{tlv_color_@{c}}"; .f-type > ._13_i;}
145 .@{c}_12_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._12_r;}
146 .@{c}_12_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._12_m;}
147 .@{c}_12_i { color: ~"@{tlv_color_@{c}}"; .f-type > ._12_i;}
148}
149
150.buildForColor(a);
151.buildForColor(b);
152.buildForColor(c);
153.buildForColor(d);
154.buildForColor(e);
155.buildForColor(f);
156.buildForColor(g);
157.buildForColor(h);
158.buildForColor(i);
159.buildForColor(j);
160.buildForColor(k);
161.buildForColor(l);
162.buildForColor(m);
163.buildForColor(n);
164.buildForColor(o);
165.buildForColor(p);
166
167.buildForFuncColor(q);
168.buildForFuncColor(r);
169.buildForFuncColor(s);
170
171.buildForTlvColor(t);
172.buildForTlvColor(u);
173.buildForTlvColor(v);
174
175
176.disabled {
177 opacity: 0.4 !important;
178 cursor: auto;
179 background-color: transparent;
180 pointer-events: none;
181}
182
183/* I'm not using hidden name, can not override bower_components/bootstrap/dist/css/less/responsive-utilities.less */
184.hideme {
185 visibility: hidden;
186}
187
188.view-mode {
189 opacity: 1;
190 border: solid 1px @main_color_o;
191 background-color: #f8f8f8;
192 cursor: auto;
193
194 & + &:not(.icons-text), &.no-border-top {
195 border-top: none;
196 }
197}
198
199.no-pointer-events {
200 pointer-events: none;
201}
202
203.unselectable {
204 -moz-user-select: -moz-none;
205 -khtml-user-select: none;
206 -webkit-user-select: none;
207 -ms-user-select: none;
208 user-select: none;
209}
210
211.selectable {
212 -moz-user-select: text;
213 -khtml-user-select: text;
214 -webkit-user-select: text;
215 -ms-user-select: text;
216 user-select: text;
217}