Tab.scss 1.4 KB

123456789101112131415161718192021222324252627
  1. /** @class Ext.tab.Tab */
  2. //
  3. $tab-base-color: dynamic(adjust-color($base-color, $hue: 0deg, $saturation: 33.016%, $lightness: 9.02%)); //#deecfd
  4. $tab-base-color-over: dynamic(adjust-color($tab-base-color, $hue: 0deg, $saturation: 11.429%, $lightness: 2.353%));
  5. $tab-base-color-disabled: dynamic(adjust-color($base-color, $hue: 0deg, $saturation: 15.873%, $lightness: 9.02%)); //E1ECFA
  6. $tab-color: dynamic(adjust-color($tab-base-color, $hue: 0deg, $saturation: -45.589%, $lightness: -48.431%));
  7. $tab-color-active: dynamic(adjust-color($tab-color, $hue: 0deg, $saturation: 30.768%, $lightness: -13.333%));
  8. $tab-color-disabled: dynamic(#c3b3b3);
  9. $tab-font-size: dynamic(ceil($font-size * .9)); //11px
  10. $tab-line-height: dynamic(13px);
  11. $tab-border-width: dynamic(1px 1px 0);
  12. $tab-inner-border-width: dynamic(1px 1px 0);
  13. $tab-border-color: dynamic(adjust-color($tab-base-color, $hue:0deg, $saturation: -28.008%, $lightness: -20.98%));
  14. $tab-border-color-disabled: dynamic(adjust-color($base-color, $hue:0deg, $saturation: 6.349%, $lightness: -0.588%));
  15. $tab-inner-border-color: dynamic(adjust-color($tab-base-color, $hue: 0deg, $saturation: -8.571%, $lightness: 8.941%));
  16. $tab-inner-border-collapse: dynamic(true);
  17. $tab-body-outline-width-focus: dynamic(1px);
  18. $tab-text-opacity-disabled: dynamic(1);
  19. $tab-closable-icon-opacity: dynamic(.6);
  20. $tab-closable-icon-opacity-disabled: dynamic(.3);