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

   1 @sdcui_color_white: #ffffff;
   2 @sdcui_color_dark-blue: #0568ae;
   3 @sdcui_color_blue: #009fdb;
   4 @sdcui_color_light-blue: #1eb9f3;
   5 @sdcui_color_blue-disabled: #9dd9ef;
   6 @sdcui_color_lighter-blue: #e6f6fb;
   7 @sdcui_color_black: #000000;
   8 @sdcui_color_text-black: #191919;
   9 @sdcui_color_rich-black: #323943;
  10 @sdcui_color_dark-gray: #5a5a5a;
  11 @sdcui_color_gray: #959595;
  12 @sdcui_color_light-gray: #d2d2d2;
  13 @sdcui_color_silver: #eaeaea;
  14 @sdcui_color_light-silver: #f2f2f2;
  15 @sdcui_color_lighter-silver: #f8f8f8;
  16 @sdcui_color_green: #4ca90c;
  17 @sdcui_color_red: #cf2a2a;
  18 @sdcui_color_light-red: #ed4141;
  19 @sdcui_color_disabled-red: #f4adad;
  20 @sdcui_color_yellow: #ffb81c;
  21 @sdcui_color_dark-purple: #702f8a;
  22 @sdcui_color_purple: #9063cd;
  23 @sdcui_color_light-purple: #caa2dd;
  24
  25 /* override sdc-ui library tabs */
  26 body.composition {
  27
  28     .sdc-tabs {
  29         .sdc-tab {
  30             background-color: @sdcui_color_white;
  31             border: 1px solid @sdcui_color_silver;
  32             border-left: none;
  33             display: inline-block;
  34             height: 36px;
  35             text-align: center;
  36             cursor: pointer;
  37             padding: 2px 10px 0 10px;
  38             margin: 0;
  39
  40
  41             &:first-child {
  42                 border-left: 1px solid @sdcui_color_silver;
  43             }
  44             &.sdc-tab-active {
  45                 background-color: @sdcui_color_silver;
  46             }
  47             &[disabled] {
  48                 opacity: 0.3;
  49                 cursor: default;
  50             }
  51         }
  52         &.sdc-tabs-header {
  53             .sdc-tab {
  54                 font-size: 24px;
  55             }
  56         }
  57         &.sdc-tabs-menu {
  58             .sdc-tab {
  59                 font-size: 14px;
  60                 padding: 0px 10px 4px 10px;
  61             }
  62         }
  63         .sdc-tab-content {
  64             margin-top: 0;
  65         }
  66     }
  67
  68 }
  69 //override sdc-ui version 53 css, used by onboarding. This can be removed after we update past version 42
  70 sdc-modal {
  71     position: static !important;
  72 }