Button.scss 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /** @class Ext.button.Button */
  2. //
  3. $button-small-font-size: dynamic(ceil($font-size * .9)); //11px
  4. $button-medium-font-size: dynamic(ceil($font-size * .9)); //11px
  5. $button-large-font-size: dynamic(ceil($font-size * .9)); //11px
  6. $button-default-base-color: dynamic(adjust-color($neutral-color, $hue: 0deg, $saturation: -55.556%, $lightness: 12.745%)); //F7F7F7
  7. $button-default-base-color-over: dynamic(adjust-color($base-color, $hue: -6.667deg, $saturation: 44.444%, $lightness: 10.588%)); //E4F3FF
  8. $button-default-base-color-focus: dynamic($button-default-base-color);
  9. $button-default-base-color-pressed: dynamic(adjust-color($base-color, $hue: -0.725deg, $saturation: -9.556%, $lightness: -3.725%)); //B6CBE4
  10. $button-default-base-color-disabled: dynamic(adjust-color($base-color, $hue: 0deg, $saturation: -55.556%, $lightness: 12.745%)); //F7F7F7
  11. $button-default-border-color: dynamic(adjust-color($button-default-base-color, $hue: 0deg, $saturation: 0%, $lightness: -18.039%));
  12. $button-default-border-color-over: dynamic(adjust-color($button-default-base-color-over, $hue: 8.177deg, $saturation: -28.283%, $lightness: -12.745%));
  13. $button-default-border-color-focus: dynamic($button-default-border-color-over);
  14. $button-default-border-color-pressed: dynamic(adjust-color($button-default-base-color-pressed, $hue: 2.317deg, $saturation: 6.756%, $lightness: -5.294%));
  15. $button-default-border-color-disabled: dynamic(adjust-color($button-default-base-color-disabled, $hue: 0deg, $saturation: 0%, $lightness: -8.627%));
  16. $button-default-body-outline-width-focus: dynamic(1px);
  17. $button-default-color: dynamic(#333);
  18. $button-default-background-color-disabled: dynamic($button-default-base-color-disabled);
  19. $button-toolbar-border-color: dynamic(transparent);
  20. $button-toolbar-border-color-over: dynamic(adjust-color($base-color, $hue: 0.084deg, $saturation: -9.891%, $lightness: -18.039%));
  21. $button-toolbar-border-color-focus: dynamic(transparent);
  22. $button-toolbar-border-color-pressed: dynamic(adjust-color($base-color, $hue: 0.721deg, $saturation: -17.014%, $lightness: -21.765%));
  23. $button-toolbar-border-color-disabled: dynamic($button-default-border-color-disabled);
  24. $button-toolbar-background-color: dynamic(transparent);
  25. $button-toolbar-background-color-over: dynamic(adjust-color($base-color, $hue: -5deg, $saturation: 44.444%, $lightness: 8.824%));
  26. $button-toolbar-background-color-focus: dynamic($button-toolbar-background-color);
  27. $button-toolbar-background-color-pressed: dynamic(adjust-color($base-color, $hue: -1.138deg, $saturation: -11.47%, $lightness: -2.353%));
  28. $button-toolbar-background-color-disabled: dynamic(transparent);
  29. $button-toolbar-background-gradient: dynamic('none');
  30. $button-toolbar-background-gradient-disabled: dynamic('none');
  31. $button-toolbar-color: dynamic(#333);
  32. $button-toolbar-color-disabled: dynamic(lighten($button-toolbar-color, 35));
  33. $button-opacity-disabled: dynamic(1);
  34. $button-inner-opacity-disabled: dynamic(.5);
  35. $button-include-split-over-arrows: dynamic(true);
  36. $button-toolbar-include-split-noline-arrows: dynamic(true);
  37. $button-grid-cell-icon-size: dynamic(12px);
  38. $button-grid-cell-line-height: dynamic(12px);