| @sdcui_color_white: #ffffff; |
| @sdcui_color_dark-blue: #0568ae; |
| @sdcui_color_blue: #009fdb; |
| @sdcui_color_light-blue: #1eb9f3; |
| @sdcui_color_blue-disabled: #9dd9ef; |
| @sdcui_color_lighter-blue: #e6f6fb; |
| @sdcui_color_black: #000000; |
| @sdcui_color_text-black: #191919; |
| @sdcui_color_rich-black: #323943; |
| @sdcui_color_dark-gray: #5a5a5a; |
| @sdcui_color_gray: #959595; |
| @sdcui_color_light-gray: #d2d2d2; |
| @sdcui_color_silver: #eaeaea; |
| @sdcui_color_light-silver: #f2f2f2; |
| @sdcui_color_lighter-silver: #f8f8f8; |
| @sdcui_color_green: #4ca90c; |
| @sdcui_color_red: #cf2a2a; |
| @sdcui_color_light-red: #ed4141; |
| @sdcui_color_disabled-red: #f4adad; |
| @sdcui_color_yellow: #ffb81c; |
| @sdcui_color_dark-purple: #702f8a; |
| @sdcui_color_purple: #9063cd; |
| @sdcui_color_light-purple: #caa2dd; |
| |
| /* override sdc-ui library tabs */ |
| body.composition { |
| |
| .sdc-tabs { |
| .sdc-tab { |
| background-color: @sdcui_color_white; |
| border: 1px solid @sdcui_color_silver; |
| border-left: none; |
| display: inline-block; |
| height: 36px; |
| text-align: center; |
| cursor: pointer; |
| padding: 2px 10px 0 10px; |
| margin: 0; |
| |
| |
| &:first-child { |
| border-left: 1px solid @sdcui_color_silver; |
| } |
| &.sdc-tab-active { |
| background-color: @sdcui_color_silver; |
| } |
| &[disabled] { |
| opacity: 0.3; |
| cursor: default; |
| } |
| } |
| &.sdc-tabs-header { |
| .sdc-tab { |
| font-size: 24px; |
| } |
| } |
| &.sdc-tabs-menu { |
| .sdc-tab { |
| font-size: 14px; |
| padding: 0px 10px 4px 10px; |
| } |
| } |
| .sdc-tab-content { |
| margin-top: 0; |
| } |
| } |
| |
| } |
| //override sdc-ui version 53 css, used by onboarding. This can be removed after we update past version 42 |
| sdc-modal { |
| position: static !important; |
| } |