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

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38  /*------------------------------- Backgrounds -------------------------------*/
  39 //.bg_a  {background-color:  @a;}
  40 //.bg_b  {background-color:  @b;}
  41 //.bg_c  {background-color:  @c;}
  42 //.bg_d  {background-color:  @d;}
  43 //.bg_e  {background-color:  @e;}
  44 //.bg_f  {background-color:  @f;}
  45 //.bg_g  {background-color:  @g;}
  46 //.bg_h  {background-color:  @h;}
  47 //.bg_i  {background-color:  @i;}
  48 //.bg_j  {background-color:  @j;}
  49 //.bg_k  {background-color:  @k;}
  50 //.bg_l  {background-color:  @l;}
  51 //.bg_m  {background-color:  @m;}
  52 //.bg_n  {background-color:  @n;}
  53 //.bg_o  {background-color:  @o;}
  54 //.bg_p  {background-color:  @p;}
  55 //.bg_q  {background-color:  @q;}
  56 //.bg_r  {background-color:  @r;}
  57 //.bg_s  {background-color:  @s;}
  58 //.bg_t  {background-color:  @t;}
  59 //.bg_u  {background-color:  @u;}
  60 //.bg_v  {background-color:  @v;}
  61 //.bg_w  {background-color:  @bg;}
  62 .bg_portalGray {background-color: @funcBkgGray;}
  63 .bg_portalWhite {background-color: @portalWhite;}
  64 .bg_portalDarkPurple {background-color: @portalDPurple;}
  65 .bg_portalDBlue {background-color: @portalDBlue;}
  66
  67
  68 /*------------------------------- Fonts -------------------------------*/
  69
  70 /* font family */
  71 .clearview {
  72     .regular {
  73         font-family: @font-clearview-regular;
  74     }
  75     .medium {
  76       font-family: @font-omnes-medium;
  77     }
  78     .light {
  79         font-family: @font-clearview-light;
  80     }
  81     .regular-italic {
  82         font-family: @font-omnes-regular-italic;
  83     }
  84     .bold {
  85         font-family: @font-clearview-bold;
  86     }
  87 }
  88 .omnes {
  89   .regular {
  90     font-family: @font-omnes-regular;
  91   }
  92   .medium {
  93     font-family: @font-omnes-medium;
  94   }
  95   .light {
  96     font-family: @font-omnes-light;
  97   }
  98   .regular-italic {
  99     font-family: @font-omnes-regular-italic;
 100   }
 101   .bold {
 102     font-family: @font-omnes-bold;
 103   }
 104 }
 105
 106 //.a {color:  @a;}
 107 .portalBlue {color:  @portalBlue;}
 108 //.b {color:  @b;}
 109 //.c {color:  @c;}
 110 .portalDBlue {color:  @portalDBlue;}
 111 .portalTxtBlack {color:  @funcTextBlack;}
 112 //.d {color:  @d;}
 113 //.e {color:  @e;}
 114 .portalGreen {color:  @portalGreen;}
 115 //.f {color:  @f;}
 116 //.g {color:  @g;}
 117 //.h {color:  @h;}
 118 //.i {color:  @i;}
 119 //.j {color:  @j;}
 120 //.k {color:  @k;}
 121 .portalRed {color:  @funcRed;}
 122 //.l {color:  @l;}
 123 //.m {color:  @m;}
 124 //.n {color:  @n;}
 125 .portalDGray {color:  @portalDGray;}
 126 //.o {color:  @o;}    //  @portalDGray
 127 //.p {color:  @p;}
 128 //.q {color: @q;}
 129 //.r {color: @r;}
 130 //.s {color: @s;}
 131 //.t {color: @t;}
 132 //.u {color: @u;}
 133 .portalWhite {color:  @portalWhite;}
 134 //.v {color: @v;}
 135 //.z {color: @z;}
 136
 137
 138
 139 /* font type and size */
 140 //._14rc {
 141 //  .omnes > .regular;
 142 //  font-size: 14px;
 143 //}
 144 ._12ic {
 145   .omnes > .regular-italic;
 146   font-size: 12px;
 147 }
 148 ._16rc {
 149   .omnes > .regular;
 150   font-size: 16px;
 151 }
 152 ._18rc {
 153   .omnes > .regular;
 154   font-size: 18px;
 155 }
 156 ._18bc {
 157   .omnes > .bold;
 158   font-size: 18px;
 159 }
 160 ._12r {
 161     .omnes > .regular;
 162     font-size: 12px;
 163 }
 164 ._14m {
 165     .omnes > .medium;
 166     font-size: 14px;
 167 }
 168 ._14r{
 169     .omnes > .regular;
 170     font-size: 14px;
 171 }
 172 ._16m {
 173     .omnes > .medium;
 174     font-size: 16px;
 175 }
 176 ._16r{
 177     .omnes > .regular;
 178     font-size: 16px;
 179 }
 180 ._21r{
 181     .omnes > .regular;
 182     font-size: 21px;
 183 }
 184 ._21m{
 185     .omnes > .medium;
 186     font-size: 21px;
 187 }
 188 ._24r{
 189     .omnes > .regular;
 190     font-size: 24px;
 191 }
 192 ._24m{
 193     .omnes > .medium;
 194     font-size: 24px;
 195 }
 196 ._24b{
 197     .omnes > .bold;
 198     font-size: 24px;
 199 }
 200 ._40r{
 201     .omnes > .regular;
 202     font-size: 40px;
 203 }
 204 ._16m{
 205     .omnes > .medium;
 206     font-size: 16px;
 207 }
 208 ._18r{
 209     .omnes > .regular;
 210     font-size: 18px;
 211 }
 212 ._13r{
 213     .omnes > .regular;
 214     font-size: 13px;
 215 }
 216
 217 /* font mixins */
 218 //.a14m{
 219 //    .a;
 220 //    ._14m;
 221 //}
 222 //.b14r{
 223 //    .b;
 224 //    ._14r;
 225 //}
 226 //.d14m{
 227 //    .d;
 228 //    ._14m;
 229 //}
 230 //.a14r{
 231 //    .a;
 232 //    ._14r;
 233 //}
 234 .blue14r{
 235     .portalBlue;
 236     ._14r;
 237 }
 238 //.b14m{
 239 //    .b;
 240 //    ._14m;
 241 //}
 242 //.c16r{
 243 //    .c;
 244 //    ._16r;
 245 //}
 246 .portalDBlue16r{
 247     .portalBlue;
 248     ._16r;
 249 }
 250 //.c18b{
 251 //  .c;
 252 //  ._18bc;
 253 //}
 254 .portalBlue24r{
 255     .portalBlue;
 256     ._24r;
 257 }
 258 .dBlue24r{
 259     .portalDBlue;
 260     ._24r;
 261 }
 262 .blackText21m{
 263     .portalTxtBlack;
 264     ._21m;
 265 }
 266 .blackText24m{
 267     .portalTxtBlack;
 268     ._24m;
 269 }
 270 //.a24b{
 271 //  .a;
 272 //  ._24b;
 273 //}
 274 //.d40r{
 275 //    .d;
 276 //    ._40r;
 277 //}
 278 //.d16r{
 279 //    .d;
 280 //    ._16r;
 281 //}
 282 //.b16r{
 283 //    .b;
 284 //    ._16m;
 285 //}
 286 //.u21r{
 287 //    .u;
 288 //    ._21r;
 289 //}
 290 //.u40r{
 291 //    .u;
 292 //    ._40r;
 293 //}
 294 //.u16r{
 295 //    .u;
 296 //    ._16r;
 297 //}
 298 .portalWhite16r {
 299     .portalWhite;
 300     ._16r;
 301 }
 302 //.u16m{
 303 //    .u;
 304 //    ._16m;
 305 //}
 306 //.u18r{
 307 //    .u;
 308 //    ._18r;
 309 //}
 310 //.o14r{
 311 //    .o;
 312 //    ._14r;
 313 //}
 314 .dGray14r{
 315     .portalDGray;
 316     ._14r;
 317 }
 318 //.o16m{
 319 //  .o;
 320 //  ._16m;
 321 //}
 322 //.o12i{
 323 //  .o;
 324 //  ._12ic
 325 //}
 326 .portalDGray12i{
 327     .portalDGray;
 328     ._12ic
 329 }
 330 //.u14m{
 331 //    .u;
 332 //    ._14m;
 333 //}
 334 .white14m{
 335     .portalWhite;
 336     ._14m;
 337 }
 338 .white12r{
 339     .portalWhite;
 340     ._12r;
 341 }
 342 //.u13r{
 343 //    .u;
 344 //    ._13r;
 345 //}
 346 //.n18r{
 347 //    .n;
 348 //    ._18r;
 349 //}
 350 .dGray18r {
 351     .portalDGray;
 352     ._18r;
 353 }
 354 //.n14r{
 355 //    .n;
 356 //    ._14r;
 357 //}
 358 .dGray14r {
 359     .portalDGray;
 360     ._14r;
 361 }
 362 //.n16r{
 363 //    .n;
 364 //    ._16r;
 365 //}
 366 //.n16m{
 367 //    .n;
 368 //    ._16m;
 369 //}
 370 //.n14r{
 371 //    .n;
 372 //    ._14r;
 373 //}
 374 //.n14m{
 375 //    .n;
 376 //    ._14m;
 377 //}
 378 //.n16m{
 379 //  .n;
 380 //  ._16m;
 381 //}
 382 .dGray16m {
 383     .portalDGray;
 384     ._16m;
 385 }
 386 //.p13r{
 387 //    .p;
 388 //    ._13r;
 389 //}
 390 .gray13r {
 391     .portalDGray;
 392     ._13r;
 393 }
 394
 395 /* Content justify */
 396
 397 .content_justify {
 398     margin-top: 0;
 399     margin-right: 0;
 400     margin-left: @page-main-left;
 401     margin-bottom: 0;
 402     width: @table-width;
 403 }