summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE-common/client/app/styles/mixins.less
diff options
context:
space:
mode:
authorst782s <statta@research.att.com>2017-05-04 07:48:42 -0400
committerst782s <statta@research.att.com>2017-05-04 12:28:17 -0400
commitb54df0ddd0c6a0372327c5aa3668e5a6458fcd64 (patch)
treee69cfa9b314a801bd187cf0145d1d4306436229c /ecomp-portal-FE-common/client/app/styles/mixins.less
parent39d1e62c84041831bfc52cca73b5ed5efaf57d27 (diff)
[PORTAL-7] Rebase
This rebasing includes common libraries and common overlays projects abstraction of components Change-Id: I9a24a338665c7cd058978e8636bc412d9e2fdce8 Signed-off-by: st782s <statta@research.att.com>
Diffstat (limited to 'ecomp-portal-FE-common/client/app/styles/mixins.less')
-rw-r--r--ecomp-portal-FE-common/client/app/styles/mixins.less366
1 files changed, 366 insertions, 0 deletions
diff --git a/ecomp-portal-FE-common/client/app/styles/mixins.less b/ecomp-portal-FE-common/client/app/styles/mixins.less
new file mode 100644
index 00000000..9c598c05
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/styles/mixins.less
@@ -0,0 +1,366 @@
+/*------------------------------- 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;}
+.bg_portalGray {background-color: @funcBkgGray;}
+.bg_portalWhite {background-color: @portalWhite;}
+.bg_portalDarkPurple {background-color: @portalDPurple;}
+.bg_portalDBlue {background-color: @portalDBlue;}
+
+
+/*------------------------------- Fonts -------------------------------*/
+
+/* font family */
+.clearview {
+ .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;
+ }
+}
+.omnes {
+ .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;}
+.portalBlue {color: @portalBlue;}
+//.b {color: @b;}
+//.c {color: @c;}
+.portalDBlue {color: @portalDBlue;}
+.portalTxtBlack {color: @funcTextBlack;}
+//.d {color: @d;}
+//.e {color: @e;}
+.portalGreen {color: @portalGreen;}
+//.f {color: @f;}
+//.g {color: @g;}
+//.h {color: @h;}
+//.i {color: @i;}
+//.j {color: @j;}
+//.k {color: @k;}
+.portalRed {color: @funcRed;}
+//.l {color: @l;}
+//.m {color: @m;}
+//.n {color: @n;}
+.portalDGray {color: @portalDGray;}
+//.o {color: @o;} // @portalDGray
+//.p {color: @p;}
+//.q {color: @q;}
+//.r {color: @r;}
+//.s {color: @s;}
+//.t {color: @t;}
+//.u {color: @u;}
+.portalWhite {color: @portalWhite;}
+//.v {color: @v;}
+//.z {color: @z;}
+
+
+
+/* font type and size */
+//._14rc {
+// .omnes > .regular;
+// font-size: 14px;
+//}
+._12ic {
+ .omnes > .regular-italic;
+ font-size: 12px;
+}
+._16rc {
+ .omnes > .regular;
+ font-size: 16px;
+}
+._18rc {
+ .omnes > .regular;
+ font-size: 18px;
+}
+._18bc {
+ .omnes > .bold;
+ font-size: 18px;
+}
+._12r {
+ .omnes > .regular;
+ font-size: 12px;
+}
+._14m {
+ .omnes > .medium;
+ font-size: 14px;
+}
+._14r{
+ .omnes > .regular;
+ font-size: 14px;
+}
+._16m {
+ .omnes > .medium;
+ font-size: 16px;
+}
+._16r{
+ .omnes > .regular;
+ font-size: 16px;
+}
+._21r{
+ .omnes > .regular;
+ font-size: 21px;
+}
+._21m{
+ .omnes > .medium;
+ font-size: 21px;
+}
+._24r{
+ .omnes > .regular;
+ font-size: 24px;
+}
+._24m{
+ .omnes > .medium;
+ font-size: 24px;
+}
+._24b{
+ .omnes > .bold;
+ 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;
+}
+
+/* font mixins */
+//.a14m{
+// .a;
+// ._14m;
+//}
+//.b14r{
+// .b;
+// ._14r;
+//}
+//.d14m{
+// .d;
+// ._14m;
+//}
+//.a14r{
+// .a;
+// ._14r;
+//}
+.blue14r{
+ .portalBlue;
+ ._14r;
+}
+//.b14m{
+// .b;
+// ._14m;
+//}
+//.c16r{
+// .c;
+// ._16r;
+//}
+.portalDBlue16r{
+ .portalBlue;
+ ._16r;
+}
+//.c18b{
+// .c;
+// ._18bc;
+//}
+.portalBlue24r{
+ .portalBlue;
+ ._24r;
+}
+.dBlue24r{
+ .portalDBlue;
+ ._24r;
+}
+.blackText21m{
+ .portalTxtBlack;
+ ._21m;
+}
+.blackText24m{
+ .portalTxtBlack;
+ ._24m;
+}
+//.a24b{
+// .a;
+// ._24b;
+//}
+//.d40r{
+// .d;
+// ._40r;
+//}
+//.d16r{
+// .d;
+// ._16r;
+//}
+//.b16r{
+// .b;
+// ._16m;
+//}
+//.u21r{
+// .u;
+// ._21r;
+//}
+//.u40r{
+// .u;
+// ._40r;
+//}
+//.u16r{
+// .u;
+// ._16r;
+//}
+.portalWhite16r {
+ .portalWhite;
+ ._16r;
+}
+//.u16m{
+// .u;
+// ._16m;
+//}
+//.u18r{
+// .u;
+// ._18r;
+//}
+//.o14r{
+// .o;
+// ._14r;
+//}
+.dGray14r{
+ .portalDGray;
+ ._14r;
+}
+//.o16m{
+// .o;
+// ._16m;
+//}
+//.o12i{
+// .o;
+// ._12ic
+//}
+.portalDGray12i{
+ .portalDGray;
+ ._12ic
+}
+//.u14m{
+// .u;
+// ._14m;
+//}
+.white14m{
+ .portalWhite;
+ ._14m;
+}
+.white12r{
+ .portalWhite;
+ ._12r;
+}
+//.u13r{
+// .u;
+// ._13r;
+//}
+//.n18r{
+// .n;
+// ._18r;
+//}
+.dGray18r {
+ .portalDGray;
+ ._18r;
+}
+//.n14r{
+// .n;
+// ._14r;
+//}
+.dGray14r {
+ .portalDGray;
+ ._14r;
+}
+//.n16r{
+// .n;
+// ._16r;
+//}
+//.n16m{
+// .n;
+// ._16m;
+//}
+//.n14r{
+// .n;
+// ._14r;
+//}
+//.n14m{
+// .n;
+// ._14m;
+//}
+//.n16m{
+// .n;
+// ._16m;
+//}
+.dGray16m {
+ .portalDGray;
+ ._16m;
+}
+//.p13r{
+// .p;
+// ._13r;
+//}
+.gray13r {
+ .portalDGray;
+ ._13r;
+}
+
+/* Content justify */
+
+.content_justify {
+ margin-top: 0;
+ margin-right: 0;
+ margin-left: @page-main-left;
+ margin-bottom: 0;
+ width: @table-width;
+}