Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / app / styles / mixins.less

diff --git a/ecomp-portal-FE/client/app/styles/mixins.less b/ecomp-portal-FE/client/app/styles/mixins.less
new file mode 100644 (file)
index 0000000..a03d6ab
--- /dev/null
+++ b/ecomp-portal-FE/client/app/styles/mixins.less
@@ -0,0 +1,296 @@
+/*-
+ * ================================================================================
+ * eCOMP Portal
+ * ================================================================================
+ * Copyright (C) 2017 AT&T Intellectual Property
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ================================================================================
+ */
+ /*------------------------------- Backgrounds -------------------------------*/
+.bg_a  {background-color:  @a;}
+.bg_b  {background-color:  @b;}
+.bg_c  {background-color:  @c;}
+.bg_d  {background-color:  @d;}
+.bg_e  {background-color:  @e;}
+.bg_f  {background-color:  @f;}
+.bg_g  {background-color:  @g;}
+.bg_h  {background-color:  @h;}
+.bg_i  {background-color:  @i;}
+.bg_j  {background-color:  @j;}
+.bg_k  {background-color:  @k;}
+.bg_l  {background-color:  @l;}
+.bg_m  {background-color:  @m;}
+.bg_n  {background-color:  @n;}
+.bg_o  {background-color:  @o;}
+.bg_p  {background-color:  @p;}
+.bg_q  {background-color:  @q;}
+.bg_r  {background-color:  @r;}
+.bg_s  {background-color:  @s;}
+.bg_t  {background-color:  @t;}
+.bg_u  {background-color:  @u;}
+.bg_v  {background-color:  @v;}
+.bg_w  {background-color:  @bg;}
+
+/*------------------------------- Fonts -------------------------------*/
+
+/* font family */
+.omnes {
+    .regular {
+        font-family: @font-clearview-regular;
+    }
+    .medium {
+      font-family: @font-omnes-medium;
+    }
+    .light {
+        font-family: @font-clearview-light;
+    }
+    .regular-italic {
+        font-family: @font-omnes-regular-italic;
+    }
+    .bold {
+        font-family: @font-clearview-bold;
+    }
+}
+.clearview {
+  .regular {
+    font-family: @font-omnes-regular;
+  }
+  .medium {
+    font-family: @font-omnes-medium;
+  }
+  .light {
+    font-family: @font-omnes-light;
+  }
+  .regular-italic {
+    font-family: @font-omnes-regular-italic;
+  }
+  .bold {
+    font-family: @font-omnes-bold;
+  }
+}
+
+.a {color:  @a;}
+.b {color:  @b;}
+.c {color:  @c;}
+.d {color:  @d;}
+.e {color:  @e;}
+.f {color:  @f;}
+.g {color:  @g;}
+.h {color:  @h;}
+.i {color:  @i;}
+.j {color:  @j;}
+.k {color:  @k;}
+.l {color:  @l;}
+.m {color:  @m;}
+.n {color:  @n;}
+.o {color:  @o;}
+.p {color:  @p;}
+.q {color: @q;}
+.r {color: @r;}
+.s {color: @s;}
+.t {color: @t;}
+.u {color: @u;}
+.v {color: @v;}
+.z {color: @z;}
+
+._14rc {
+  .clearview > .regular;
+  font-size: 14px;
+}
+._12ic {
+  .clearview > .regular-italic;
+  font-size: 12px;
+}
+._16rc {
+  .clearview > .regular;
+  font-size: 16px;
+}
+._18rc {
+  .clearview > .regular;
+  font-size: 18px;
+}
+._18bc {
+  .clearview > .bold;
+  font-size: 18px;
+}
+._12r{
+    .omnes > .regular;
+    font-size: 12px;
+}
+._12r{
+    .omnes > .regular;
+    font-size: 12px;
+}
+._14m {
+    .omnes > .medium;
+    font-size: 14px;
+}
+._14r{
+    .omnes > .regular;
+    font-size: 14px;
+}
+._16r{
+    .omnes > .regular;
+    font-size: 16px;
+}
+._21r{
+    .omnes > .regular;
+    font-size: 21px;
+}
+._24r{
+    .omnes > .regular;
+    font-size: 24px;
+}
+._40r{
+    .omnes > .regular;
+    font-size: 40px;
+}
+._16m{
+    .omnes > .medium;
+    font-size: 16px;
+}
+._18r{
+    .omnes > .regular;
+    font-size: 18px;
+}
+._13r{
+    .omnes > .regular;
+    font-size: 13px;
+}
+
+.a14m{
+    .a;
+    ._14m;
+}
+.b14r{
+    .b;
+    ._14r;
+}
+.d14m{
+    .d;
+    ._14m;
+}
+.a14r{
+    .a;
+    ._14r;
+}
+.b14m{
+    .b;
+    ._14m;
+}
+.c16r{
+    .c;
+    ._16r;
+}
+.c18b{
+  .c;
+  ._18bc;
+}
+.a24r{
+    .a;
+    ._24r;
+}
+.d40r{
+    .d;
+    ._40r;
+}
+.d16r{
+    .d;
+    ._16r;
+}
+.b16r{
+    .b;
+    ._16m;
+}
+.u21r{
+    .u;
+    ._21r;
+}
+.u40r{
+    .u;
+    ._40r;
+}
+.u16r{
+    .u;
+    ._16r;
+}
+.u16m{
+    .u;
+    ._16m;
+}
+.u18r{
+    .u;
+    ._18r;
+}
+.o12r{
+    .o;
+    ._12r;
+}
+.o14r{
+    .o;
+    ._14r;
+}
+.o16m{
+  .o;
+  ._16m;
+}
+.o12i{
+  .o;
+  ._12ic
+}
+.u14m{
+    .u;
+    ._14m;
+}
+.u13r{
+    .u;
+    ._13r;
+}
+.n18r{
+    .n;
+    ._18r;
+}
+.n14r{
+    .n;
+    ._14r;
+}
+.n16r{
+    .n;
+    ._16r;
+}
+.n16m{
+    .n;
+    ._16m;
+}
+.n14r{
+    .n;
+    ._14r;
+}
+.n14m{
+    .n;
+    ._14m;
+}
+.n16m{
+  .n;
+  ._16m;
+}
+.p13r{
+    .p;
+    ._13r;
+}
+
+.content_justify {
+    margin: 0 auto;
+    width: 1170px;
+}