Tab.scss 1.2 KB

12345678910111213141516171819202122232425262728293031
  1. $tab-background-color: dynamic(transparent);
  2. $tab-hovered-background-color: dynamic(rgba(0,0,0,0.08));
  3. $tab-active-background-color: dynamic(#fff);
  4. $tab-border-radius: dynamic(null);
  5. $tab-border-radius-big: dynamic(null);
  6. $tab-padding: dynamic(10px 8px);
  7. $tab-line-height-big: dynamic(22px);
  8. $tab-padding-big: dynamic(11px 10px);
  9. $tab-badge-border-radius: dynamic(0);
  10. $tab-close-icon-background-color: dynamic(null);
  11. $tab-close-icon-hovered-background-color: dynamic(null);
  12. $tab-close-icon-pressed-background-color: dynamic(null);
  13. $tab-close-icon-color: dynamic($tab-color);
  14. $tab-close-icon-hovered-color: dynamic(rgba($tab-close-icon-color, .8));
  15. $tab-close-icon-pressed-color: dynamic(rgba($tab-close-icon-color, .6));
  16. $tab-active-close-icon-color: dynamic($neutral-dark-color);
  17. $tab-active-close-icon-hovered-color: dynamic(rgba($tab-active-close-icon-color, .8));
  18. $tab-active-close-icon-pressed-color: dynamic(rgba($tab-active-close-icon-color, .6));
  19. $tab-close-icon-size: dynamic(16px);
  20. $tab-close-icon-font-size: dynamic(12px);
  21. $tab-close-icon-size-big: dynamic(20px);
  22. $tab-close-icon-font-size: dynamic(14px);
  23. $tab-close-icon-spacing: dynamic(15px);
  24. $tab-close-icon-spacing-big: dynamic(20px);