ecomp-portal-FE-common/client/app/styles/mixins.less

   1 /*------------------------------- Backgrounds -------------------------------*/
   2 //.bg_a  {background-color:  @a;}
   3 //.bg_b  {background-color:  @b;}
   4 //.bg_c  {background-color:  @c;}
   5 //.bg_d  {background-color:  @d;}
   6 //.bg_e  {background-color:  @e;}
   7 //.bg_f  {background-color:  @f;}
   8 //.bg_g  {background-color:  @g;}
   9 //.bg_h  {background-color:  @h;}
  10 //.bg_i  {background-color:  @i;}
  11 //.bg_j  {background-color:  @j;}
  12 //.bg_k  {background-color:  @k;}
  13 //.bg_l  {background-color:  @l;}
  14 //.bg_m  {background-color:  @m;}
  15 //.bg_n  {background-color:  @n;}
  16 //.bg_o  {background-color:  @o;}
  17 //.bg_p  {background-color:  @p;}
  18 //.bg_q  {background-color:  @q;}
  19 //.bg_r  {background-color:  @r;}
  20 //.bg_s  {background-color:  @s;}
  21 //.bg_t  {background-color:  @t;}
  22 //.bg_u  {background-color:  @u;}
  23 //.bg_v  {background-color:  @v;}
  24 //.bg_w  {background-color:  @bg;}
  25 .bg_portalGray {background-color: @funcBkgGray;}
  26 .bg_portalWhite {background-color: @portalWhite;}
  27 .bg_portalDarkPurple {background-color: @portalDPurple;}
  28 .bg_portalDBlue {background-color: @portalDBlue;}
  29
  30
  31 /*------------------------------- Fonts -------------------------------*/
  32
  33 /* font family */
  34 .clearview {
  35     .regular {
  36         font-family: @font-clearview-regular;
  37     }
  38     .medium {
  39       font-family: @font-omnes-medium;
  40     }
  41     .light {
  42         font-family: @font-clearview-light;
  43     }
  44     .regular-italic {
  45         font-family: @font-omnes-regular-italic;
  46     }
  47     .bold {
  48         font-family: @font-clearview-bold;
  49     }
  50 }
  51 .omnes {
  52   .regular {
  53     font-family: @font-omnes-regular;
  54   }
  55   .medium {
  56     font-family: @font-omnes-medium;
  57   }
  58   .light {
  59     font-family: @font-omnes-light;
  60   }
  61   .regular-italic {
  62     font-family: @font-omnes-regular-italic;
  63   }
  64   .bold {
  65     font-family: @font-omnes-bold;
  66   }
  67 }
  68
  69 //.a {color:  @a;}
  70 .portalBlue {color:  @portalBlue;}
  71 //.b {color:  @b;}
  72 //.c {color:  @c;}
  73 .portalDBlue {color:  @portalDBlue;}
  74 .portalTxtBlack {color:  @funcTextBlack;}
  75 //.d {color:  @d;}
  76 //.e {color:  @e;}
  77 .portalGreen {color:  @portalGreen;}
  78 //.f {color:  @f;}
  79 //.g {color:  @g;}
  80 //.h {color:  @h;}
  81 //.i {color:  @i;}
  82 //.j {color:  @j;}
  83 //.k {color:  @k;}
  84 .portalRed {color:  @funcRed;}
  85 //.l {color:  @l;}
  86 //.m {color:  @m;}
  87 //.n {color:  @n;}
  88 .portalDGray {color:  @portalDGray;}
  89 //.o {color:  @o;}    //  @portalDGray
  90 //.p {color:  @p;}
  91 //.q {color: @q;}
  92 //.r {color: @r;}
  93 //.s {color: @s;}
  94 //.t {color: @t;}
  95 //.u {color: @u;}
  96 .portalWhite {color:  @portalWhite;}
  97 //.v {color: @v;}
  98 //.z {color: @z;}
  99
 100
 101
 102 /* font type and size */
 103 //._14rc {
 104 //  .omnes > .regular;
 105 //  font-size: 14px;
 106 //}
 107 ._12ic {
 108   .omnes > .regular-italic;
 109   font-size: 12px;
 110 }
 111 ._16rc {
 112   .omnes > .regular;
 113   font-size: 16px;
 114 }
 115 ._18rc {
 116   .omnes > .regular;
 117   font-size: 18px;
 118 }
 119 ._18bc {
 120   .omnes > .bold;
 121   font-size: 18px;
 122 }
 123 ._12r {
 124     .omnes > .regular;
 125     font-size: 12px;
 126 }
 127 ._14m {
 128     .omnes > .medium;
 129     font-size: 14px;
 130 }
 131 ._14r{
 132     .omnes > .regular;
 133     font-size: 14px;
 134 }
 135 ._16m {
 136     .omnes > .medium;
 137     font-size: 16px;
 138 }
 139 ._16r{
 140     .omnes > .regular;
 141     font-size: 16px;
 142 }
 143 ._21r{
 144     .omnes > .regular;
 145     font-size: 21px;
 146 }
 147 ._21m{
 148     .omnes > .medium;
 149     font-size: 21px;
 150 }
 151 ._24r{
 152     .omnes > .regular;
 153     font-size: 24px;
 154 }
 155 ._24m{
 156     .omnes > .medium;
 157     font-size: 24px;
 158 }
 159 ._24b{
 160     .omnes > .bold;
 161     font-size: 24px;
 162 }
 163 ._40r{
 164     .omnes > .regular;
 165     font-size: 40px;
 166 }
 167 ._16m{
 168     .omnes > .medium;
 169     font-size: 16px;
 170 }
 171 ._18r{
 172     .omnes > .regular;
 173     font-size: 18px;
 174 }
 175 ._13r{
 176     .omnes > .regular;
 177     font-size: 13px;
 178 }
 179
 180 /* font mixins */
 181 //.a14m{
 182 //    .a;
 183 //    ._14m;
 184 //}
 185 //.b14r{
 186 //    .b;
 187 //    ._14r;
 188 //}
 189 //.d14m{
 190 //    .d;
 191 //    ._14m;
 192 //}
 193 //.a14r{
 194 //    .a;
 195 //    ._14r;
 196 //}
 197 .blue14r{
 198     .portalBlue;
 199     ._14r;
 200 }
 201 //.b14m{
 202 //    .b;
 203 //    ._14m;
 204 //}
 205 //.c16r{
 206 //    .c;
 207 //    ._16r;
 208 //}
 209 .portalDBlue16r{
 210     .portalBlue;
 211     ._16r;
 212 }
 213 //.c18b{
 214 //  .c;
 215 //  ._18bc;
 216 //}
 217 .portalBlue24r{
 218     .portalBlue;
 219     ._24r;
 220 }
 221 .dBlue24r{
 222     .portalDBlue;
 223     ._24r;
 224 }
 225 .blackText21m{
 226     .portalTxtBlack;
 227     ._21m;
 228 }
 229 .blackText24m{
 230     .portalTxtBlack;
 231     ._24m;
 232 }
 233 //.a24b{
 234 //  .a;
 235 //  ._24b;
 236 //}
 237 //.d40r{
 238 //    .d;
 239 //    ._40r;
 240 //}
 241 //.d16r{
 242 //    .d;
 243 //    ._16r;
 244 //}
 245 //.b16r{
 246 //    .b;
 247 //    ._16m;
 248 //}
 249 //.u21r{
 250 //    .u;
 251 //    ._21r;
 252 //}
 253 //.u40r{
 254 //    .u;
 255 //    ._40r;
 256 //}
 257 //.u16r{
 258 //    .u;
 259 //    ._16r;
 260 //}
 261 .portalWhite16r {
 262     .portalWhite;
 263     ._16r;
 264 }
 265 //.u16m{
 266 //    .u;
 267 //    ._16m;
 268 //}
 269 //.u18r{
 270 //    .u;
 271 //    ._18r;
 272 //}
 273 //.o14r{
 274 //    .o;
 275 //    ._14r;
 276 //}
 277 .dGray14r{
 278     .portalDGray;
 279     ._14r;
 280 }
 281 //.o16m{
 282 //  .o;
 283 //  ._16m;
 284 //}
 285 //.o12i{
 286 //  .o;
 287 //  ._12ic
 288 //}
 289 .portalDGray12i{
 290     .portalDGray;
 291     ._12ic
 292 }
 293 //.u14m{
 294 //    .u;
 295 //    ._14m;
 296 //}
 297 .white14m{
 298     .portalWhite;
 299     ._14m;
 300 }
 301 .white12r{
 302     .portalWhite;
 303     ._12r;
 304 }
 305 //.u13r{
 306 //    .u;
 307 //    ._13r;
 308 //}
 309 //.n18r{
 310 //    .n;
 311 //    ._18r;
 312 //}
 313 .dGray18r {
 314     .portalDGray;
 315     ._18r;
 316 }
 317 //.n14r{
 318 //    .n;
 319 //    ._14r;
 320 //}
 321 .dGray14r {
 322     .portalDGray;
 323     ._14r;
 324 }
 325 //.n16r{
 326 //    .n;
 327 //    ._16r;
 328 //}
 329 //.n16m{
 330 //    .n;
 331 //    ._16m;
 332 //}
 333 //.n14r{
 334 //    .n;
 335 //    ._14r;
 336 //}
 337 //.n14m{
 338 //    .n;
 339 //    ._14m;
 340 //}
 341 //.n16m{
 342 //  .n;
 343 //  ._16m;
 344 //}
 345 .dGray16m {
 346     .portalDGray;
 347     ._16m;
 348 }
 349 //.p13r{
 350 //    .p;
 351 //    ._13r;
 352 //}
 353 .gray13r {
 354     .portalDGray;
 355     ._13r;
 356 }
 357
 358 /* Content justify */
 359
 360 .content_justify {
 361     margin-top: 0;
 362     margin-right: 0;
 363     margin-left: @page-main-left;
 364     margin-bottom: 0;
 365     width: @table-width;
 366 }