1 files changed, 97 insertions, 0 deletions
diff --git a/ecomp-portal-FE-common/client/app/styles/variables.less b/ecomp-portal-FE-common/client/app/styles/variables.less
new file mode 100644
index 00000000..7a0a75ea
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/styles/variables.less
@@ -0,0 +1,97 @@
+/*----------------------------------    General    ----------------------------------------------------------------*/
+@font-omnes-regular: Omnes-ECOMP-W02,Arial;
+@font-omnes-medium: Omnes-ECOMP-W02-Medium,Arial;
+@font-omnes-light: Omnes-ECOMP-W02-Light,Arial;
+@font-omnes-regular-italic: Omnes-ECOMP-W02-Italic,Arial;
+@font-omnes-bold: Omnes-ECOMP-W02-Bold,Arial;
+@font-clearview-regular: Omnes-ECOMP-W02,Arial;
+@font-clearview-bold: Omnes-ECOMP-W02-Bold,Arial;
+@font-clearview-light: Omnes-ECOMP-W02-Light,Arial;
+@font-clearview-regular-italic: Omnes-ECOMP-W02-Italic,Arial;
+
+@select-width: 440px;
+@header-height: 55px;
+@padding-left-side: 0px;
+@footer-height: 75px;
+
+@container-bottom:  32px;
+/* Top of Pages */
+@padding-top: 10px;
+@page-main-top: 105px;
+@page-main-left: 0;
+@page-main-right: 0;
+@page-main-bottom: @footer-height;
+@page-main-position: fixed;
+@page-main-overflow-y: scroll;
+
+/* tables */
+@table-width: 1170px;
+@table-margin: auto;
+@table-dropdown-filter-width: 460px;
+@table-dropdown-filter-display: inline-block;
+@table-margin-left: 230px;
+
+@second-level-top: 62px;
+@err: @funcRed;
+@input-max-width: 234px;
+/*------------------------------- Colors -------------------------------*/
+@a : #067ab4;   // @portalBlue
+@b : #156b97;
+@c : #0c2577;   // @portalDBlue
+@d : #44c8f5;
+@e : #4ca90c;   // @portalGreen
+@f : #27a337;
+@g : #c4d82d;
+@h : #ef6f00;
+@i : #fbb313;
+@j : #b30a3c;
+@k : #e00000;
+@l : #81017e;
+@m : #da0081;
+@n : #333333;   //@funcTextBlack
+@o : #666666;   // @portalDGray
+@p : #999999;   //@portalGray
+@q : #d8d8d8;   //@portalLGray
+@r : #eaeaea;
+//@s : #f2f2f2;
+@t : #f8f8f8;   // @funcBkgGray
+@u : #ffffff;   //  @portalWhite
+@v : #e6f6fb;   // @funcBkgGray
+@z : #199ddf;
+@bg : #F2F2F2;
+
+// Signature color
+@portalBlue    :   #009FDB;
+//  Secondary Colors
+@portalBlack   :   #000000;
+@portalWhite   :   #ffffff;
+@portalOrange   :   #EA7400;
+//  Functional Colors
+@funcBlueLink :   #0568AE;
+@funcRed  :   #CF2A2A;
+@funcYellow  :   #FFB81C;
+@funcGreen  :   #007A3E;
+@funcTextBlack  :   #191919;
+@funcBkgGray   :   #F2F2F2;
+//  Accent Colors
+@portalLBlue   :   #71C5E8;
+@portalDBlue   :   #0568AE;
+@portalLGray   :   #D2D2D2;
+@portalLightGray:   #eaeaea;
+@portalGray   :   #959595;
+@portalDGray   :   #5A5A5A;
+@portalYellow   :   #FFB81C;
+@portalLGreen   :   #B5BD00;
+@portalGreen   :   #4CA90C;
+@portalDGreen   :   #007A3E;
+@portalLPurple   :   #CAA2DD;
+@portalPurple   :   #9063CD;
+@portalDPurple   :   #702F8A;
+
+/*------------------------------- Buttons colors -------------------------------*/
+@green-active: #4CA90C;
+@green-hover: #209657;
+@green-border: #45a006;
+@blue-active: #067ab4;
+@blue-hover: #39b1ec;
+@blue-border: #036698;