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

   1 /*-
   2  * ================================================================================
   3  * eCOMP Portal
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ================================================================================
  19  */
  20  /*------------------------------- Backgrounds -------------------------------*/
  21 .bg_a  {background-color:  @a;}
  22 .bg_b  {background-color:  @b;}
  23 .bg_c  {background-color:  @c;}
  24 .bg_d  {background-color:  @d;}
  25 .bg_e  {background-color:  @e;}
  26 .bg_f  {background-color:  @f;}
  27 .bg_g  {background-color:  @g;}
  28 .bg_h  {background-color:  @h;}
  29 .bg_i  {background-color:  @i;}
  30 .bg_j  {background-color:  @j;}
  31 .bg_k  {background-color:  @k;}
  32 .bg_l  {background-color:  @l;}
  33 .bg_m  {background-color:  @m;}
  34 .bg_n  {background-color:  @n;}
  35 .bg_o  {background-color:  @o;}
  36 .bg_p  {background-color:  @p;}
  37 .bg_q  {background-color:  @q;}
  38 .bg_r  {background-color:  @r;}
  39 .bg_s  {background-color:  @s;}
  40 .bg_t  {background-color:  @t;}
  41 .bg_u  {background-color:  @u;}
  42 .bg_v  {background-color:  @v;}
  43 .bg_w  {background-color:  @bg;}
  44
  45 /*------------------------------- Fonts -------------------------------*/
  46
  47 /* font family */
  48 .omnes {
  49     .regular {
  50         font-family: @font-clearview-regular;
  51     }
  52     .medium {
  53       font-family: @font-omnes-medium;
  54     }
  55     .light {
  56         font-family: @font-clearview-light;
  57     }
  58     .regular-italic {
  59         font-family: @font-omnes-regular-italic;
  60     }
  61     .bold {
  62         font-family: @font-clearview-bold;
  63     }
  64 }
  65 .clearview {
  66   .regular {
  67     font-family: @font-omnes-regular;
  68   }
  69   .medium {
  70     font-family: @font-omnes-medium;
  71   }
  72   .light {
  73     font-family: @font-omnes-light;
  74   }
  75   .regular-italic {
  76     font-family: @font-omnes-regular-italic;
  77   }
  78   .bold {
  79     font-family: @font-omnes-bold;
  80   }
  81 }
  82
  83 .a {color:  @a;}
  84 .b {color:  @b;}
  85 .c {color:  @c;}
  86 .d {color:  @d;}
  87 .e {color:  @e;}
  88 .f {color:  @f;}
  89 .g {color:  @g;}
  90 .h {color:  @h;}
  91 .i {color:  @i;}
  92 .j {color:  @j;}
  93 .k {color:  @k;}
  94 .l {color:  @l;}
  95 .m {color:  @m;}
  96 .n {color:  @n;}
  97 .o {color:  @o;}
  98 .p {color:  @p;}
  99 .q {color: @q;}
 100 .r {color: @r;}
 101 .s {color: @s;}
 102 .t {color: @t;}
 103 .u {color: @u;}
 104 .v {color: @v;}
 105 .z {color: @z;}
 106
 107 ._14rc {
 108   .clearview > .regular;
 109   font-size: 14px;
 110 }
 111 ._12ic {
 112   .clearview > .regular-italic;
 113   font-size: 12px;
 114 }
 115 ._16rc {
 116   .clearview > .regular;
 117   font-size: 16px;
 118 }
 119 ._18rc {
 120   .clearview > .regular;
 121   font-size: 18px;
 122 }
 123 ._18bc {
 124   .clearview > .bold;
 125   font-size: 18px;
 126 }
 127 ._12r{
 128     .omnes > .regular;
 129     font-size: 12px;
 130 }
 131 ._12r{
 132     .omnes > .regular;
 133     font-size: 12px;
 134 }
 135 ._14m {
 136     .omnes > .medium;
 137     font-size: 14px;
 138 }
 139 ._14r{
 140     .omnes > .regular;
 141     font-size: 14px;
 142 }
 143 ._16r{
 144     .omnes > .regular;
 145     font-size: 16px;
 146 }
 147 ._21r{
 148     .omnes > .regular;
 149     font-size: 21px;
 150 }
 151 ._24r{
 152     .omnes > .regular;
 153     font-size: 24px;
 154 }
 155 ._40r{
 156     .omnes > .regular;
 157     font-size: 40px;
 158 }
 159 ._16m{
 160     .omnes > .medium;
 161     font-size: 16px;
 162 }
 163 ._18r{
 164     .omnes > .regular;
 165     font-size: 18px;
 166 }
 167 ._13r{
 168     .omnes > .regular;
 169     font-size: 13px;
 170 }
 171
 172 .a14m{
 173     .a;
 174     ._14m;
 175 }
 176 .b14r{
 177     .b;
 178     ._14r;
 179 }
 180 .d14m{
 181     .d;
 182     ._14m;
 183 }
 184 .a14r{
 185     .a;
 186     ._14r;
 187 }
 188 .b14m{
 189     .b;
 190     ._14m;
 191 }
 192 .c16r{
 193     .c;
 194     ._16r;
 195 }
 196 .c18b{
 197   .c;
 198   ._18bc;
 199 }
 200 .a24r{
 201     .a;
 202     ._24r;
 203 }
 204 .d40r{
 205     .d;
 206     ._40r;
 207 }
 208 .d16r{
 209     .d;
 210     ._16r;
 211 }
 212 .b16r{
 213     .b;
 214     ._16m;
 215 }
 216 .u21r{
 217     .u;
 218     ._21r;
 219 }
 220 .u40r{
 221     .u;
 222     ._40r;
 223 }
 224 .u16r{
 225     .u;
 226     ._16r;
 227 }
 228 .u16m{
 229     .u;
 230     ._16m;
 231 }
 232 .u18r{
 233     .u;
 234     ._18r;
 235 }
 236 .o12r{
 237     .o;
 238     ._12r;
 239 }
 240 .o14r{
 241     .o;
 242     ._14r;
 243 }
 244 .o16m{
 245   .o;
 246   ._16m;
 247 }
 248 .o12i{
 249   .o;
 250   ._12ic
 251 }
 252 .u14m{
 253     .u;
 254     ._14m;
 255 }
 256 .u13r{
 257     .u;
 258     ._13r;
 259 }
 260 .n18r{
 261     .n;
 262     ._18r;
 263 }
 264 .n14r{
 265     .n;
 266     ._14r;
 267 }
 268 .n16r{
 269     .n;
 270     ._16r;
 271 }
 272 .n16m{
 273     .n;
 274     ._16m;
 275 }
 276 .n14r{
 277     .n;
 278     ._14r;
 279 }
 280 .n14m{
 281     .n;
 282     ._14m;
 283 }
 284 .n16m{
 285   .n;
 286   ._16m;
 287 }
 288 .p13r{
 289     .p;
 290     ._13r;
 291 }
 292
 293 .content_justify {
 294     margin: 0 auto;
 295     width: 1170px;
 296 }