SplitButton.scss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. $enable-inverted-alt-splitButton: dynamic(true);
  2. $splitButton-background-color: dynamic(transparent);
  3. $splitButton-pressed-background-color: dynamic($base-pressed-color);
  4. $splitButton-color: dynamic($base-color);
  5. $splitButton-hovered-color: dynamic(null);
  6. $splitButton-hovered-background-color: dynamic(rgba($color, 0.075));
  7. $splitButton-pressed-color: dynamic($background-color);
  8. $splitButton-border-color: dynamic(null);
  9. $splitButton-pressed-border-color: dynamic(null);
  10. $splitButton-icon-color: dynamic($base-color);
  11. $splitButton-pressed-icon-color: dynamic($background-color);
  12. $splitButton-border-width: dynamic(null);
  13. $splitButton-border-style: dynamic(null);
  14. $splitButton-border-radius: dynamic(2px);
  15. $splitButton-border-radius-big: dynamic($splitButton-border-radius);
  16. $splitButton-focused-background-color: dynamic($base-pressed-color);
  17. $splitButton-focused-color: dynamic($background-color);
  18. $splitButton-focused-icon-color: dynamic($background-color);
  19. $splitButton-focused-outline-color: dynamic(null);
  20. $splitButton-focused-outline-style: dynamic(null);
  21. $splitButton-focused-outline-width: dynamic(null);
  22. $splitButton-focused-outline-offset: dynamic(null);
  23. $splitButton-font-size: dynamic(14px);
  24. $splitButton-font-size-big: dynamic(14px);
  25. $splitButton-font-weight: dynamic(600);
  26. $splitButton-line-height: dynamic(16px);
  27. $splitButton-line-height-big: dynamic(24px);
  28. $splitButton-text-transform: dynamic(uppercase);
  29. $splitButton-padding: dynamic(8px 16px);
  30. $splitButton-padding-big: dynamic(6px 16px);
  31. $splitButton-pressed-icon-color: dynamic($splitButton-pressed-color);
  32. $splitButton-disabled-opacity: dynamic(null);
  33. $splitButton-disabled-color: dynamic(rgba(0,0,0,0.26));
  34. $splitButton-disabled-background-color: dynamic(null);
  35. $splitButton-arrow-icon: dynamic('arrow_drop_down');
  36. $splitButton-arrow-icon-font-size: dynamic(17px);
  37. $splitButton-raised-ui: dynamic((
  38. box-shadow-transition: (opacity 0.15s),
  39. box-shadow: (1px 2px 5px 0 rgba(0, 0, 0, 0.2)),
  40. pressed-box-shadow: (0 5px 10px 0 rgba(0, 0, 0, 0.3)),
  41. disabled-box-shadow: none,
  42. disabled-background-color: rgba(0,0,0,0.12)
  43. ));
  44. $splitButton-action-ui: dynamic((
  45. color: $base-foreground-color,
  46. background-color: $base-color,
  47. disabled-background-color: rgba(0,0,0,0.12),
  48. ));
  49. $splitButton-alt-ui: dynamic((
  50. color: $base-foreground-color,
  51. background-color: transparent,
  52. pressed-background-color: transparent,
  53. disabled-background-color: rgba(0,0,0,0.12)
  54. ));
  55. $splitButton-confirm-ui: dynamic((
  56. color: $confirm-color,
  57. pressed-color: $base-foreground-color,
  58. pressed-background-color: $confirm-color,
  59. focused-background-color: $confirm-color
  60. ));
  61. $splitButton-decline-ui: dynamic((
  62. color: $alert-color,
  63. pressed-color: $base-foreground-color,
  64. pressed-background-color: $alert-color,
  65. focused-background-color: $alert-color
  66. ));
  67. $splitButton-segmented-ui: dynamic((
  68. color: $base-foreground-color,
  69. background-color: $base-pressed-color,
  70. pressed-color: $background-color,
  71. pressed-background-color: $base-color
  72. ));