Button.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. /** @class Ext.button.Button */
  2. //
  3. $button-icon-spacing: dynamic(5px);
  4. $button-small-font-size: dynamic(12px);
  5. $button-small-font-weight: dynamic($font-weight-bold);
  6. $button-small-padding: dynamic(3px);
  7. $button-small-text-padding: dynamic(5px);
  8. $button-medium-font-size: dynamic(14px);
  9. $button-medium-line-height: dynamic(18px);
  10. $button-medium-font-weight: dynamic($font-weight-bold);
  11. $button-medium-padding: dynamic(3px);
  12. $button-medium-text-padding: dynamic(8px);
  13. $button-large-font-size: dynamic(16px);
  14. $button-large-line-height: dynamic(20px);
  15. $button-large-font-weight: dynamic($font-weight-bold);
  16. $button-large-padding: dynamic(3px);
  17. $button-large-text-padding: dynamic(10px);
  18. $button-default-color: dynamic(#fff);
  19. $button-default-base-color: dynamic($base-highlight-color);
  20. $button-default-border-color: dynamic($base-dark-color);
  21. $button-default-inner-border-width-focus: dynamic(1px);
  22. $button-include-ui-menu-arrows: dynamic(true);
  23. $button-include-ui-split-arrows: dynamic(true);
  24. $button-small-arrow-width: dynamic(16px);
  25. $button-small-arrow-height: dynamic(13px);
  26. $button-medium-arrow-width: dynamic(24px);
  27. $button-medium-arrow-height: dynamic(18px);
  28. $button-large-arrow-width: dynamic(28px);
  29. $button-large-arrow-height: dynamic(20px);
  30. $button-small-split-width: dynamic(20px);
  31. $button-small-split-height: dynamic(15px);
  32. $button-medium-split-width: dynamic(28px);
  33. $button-medium-split-height: dynamic(24px);
  34. $button-large-split-width: dynamic(35px);
  35. $button-large-split-height: dynamic(29px);
  36. $button-toolbar-color: dynamic(#666);
  37. $button-toolbar-background-color: dynamic($neutral-light-color);
  38. $button-toolbar-border-color: dynamic($neutral-color);
  39. $button-toolbar-inner-border-width-focus: dynamic(1px);
  40. $button-toolbar-inner-border-color-focus: dynamic(mix($button-toolbar-background-color, $base-color, 20%));
  41. $button-toolbar-inner-border-color-focus-over: dynamic($button-toolbar-inner-border-color-focus);
  42. $button-toolbar-inner-border-color-focus-pressed: dynamic($button-toolbar-inner-border-color-focus);
  43. $button-toolbar-plain-border-color: dynamic(transparent);
  44. $button-toolbar-plain-background-color: dynamic(transparent);