catalog-ui/src/assets/styles/variables.less

   1 /* Fonts */
   2 @font-opensans-light: OpenSans-Light, sans-serif;
   3 @font-opensans-regular: OpenSans-Regular, sans-serif;
   4 @font-opensans-medium: OpenSans-Semibold, sans-serif;
   5 @font-opensans-medium-italic: OpenSans-SemiboldItalic, sans-serif;
   6 @font-opensans-bold: OpenSans-Bold, sans-serif;
   7
   8 /*----------------------------------------------    General    ----------------------------------------------*/
   9 @images: "images";
  10
  11 /* Main Colors */
  12 @main_color_a: #009fdb;
  13 @main_color_b: #056bae;
  14 @main_color_c: #71c5eb;
  15 @main_color_d: #4ca90c;
  16 @main_color_e: #007a3e;
  17 @main_color_f: #b5bd00;
  18 @main_color_g: #ea7499;
  19 @main_color_h: #ffb81c;
  20 @main_color_i: #702f8a;
  21 @main_color_j: #9063cd;
  22 @main_color_k: #caa2dd;
  23 @main_color_l: #000000;
  24 @main_color_m: #5a5a5a;
  25 @main_color_n: #959595;
  26 @main_color_o: #d2d2d2;
  27 @main_color_p: #ffffff;
  28 @main_color_q: #999999;
  29 @main_color_r: #162F90;
  30 @main_color_s: #666666;
  31 @main_color_t: #979797;
  32 /* Functional Colors */
  33 @func_color_q: #cf2a2a;
  34 @func_color_r: #f2f2f2;
  35 @func_color_s: #191919;
  36 @func_color_b: #0568ae;
  37 @func_color_e: #007a3e;
  38 @func_color_h: #ffb81c;
  39
  40 /* Tlv Colors */
  41 @tlv_color_t: #f8f8f8;
  42 @tlv_color_u: #eaeaea;
  43 @tlv_color_v: #e6f6fb;
  44 @tlv_color_w: #c6e6f2;
  45 @tlv_color_x: #067ab4;
  46
  47 /*---------------------------------------------- Parameters ----------------------------------------------*/
  48 @header_height: 0px;
  49 @top_nav_height: 50px;
  50 @top_nav_admin_height: 44px;
  51 @action_nav_height: 53px;
  52 @tab_title: 110px;
  53 @footer_height: 89px;
  54 @border_color_view-mode: #ededed;