SplitButton.scss 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. $enable-inverted-alt-splitButton: dynamic(true);
  2. $splitButton-background-color: dynamic(transparent);
  3. $splitButton-border-color: dynamic(null);
  4. $splitButton-border-width: dynamic(null);
  5. $splitButton-border-style: dynamic(null);
  6. $splitButton-border-radius: dynamic(7px);
  7. $splitButton-color: dynamic($base-color);
  8. $splitButton-pressed-color: dynamic($base-light-color);
  9. $splitButton-disabled-color: dynamic($neutral-dark-color);
  10. $splitButton-font-weight: dynamic($font-weight-normal);
  11. $splitButton-line-height: dynamic(16px);
  12. $splitButton-line-height-big: dynamic(20px);
  13. $splitButton-padding: dynamic(3px 0);
  14. $splitButton-padding-big: dynamic(5px 0);
  15. $splitButton-icon-color: dynamic($splitButton-color);
  16. $splitButton-pressed-icon-color: dynamic($splitButton-pressed-color);
  17. $splitButton-arrow-icon: dynamic($ios-arrow-down);
  18. $splitButton-focused-outline-color: dynamic(null);
  19. $splitButton-focused-outline-style: dynamic(null);
  20. $splitButton-focused-outline-width: dynamic(null);
  21. $splitButton-focused-outline-offset: dynamic(null);
  22. $splitButton-confirm-ui: dynamic((
  23. color: $ios-green,
  24. pressed-color: mix(#fff, $ios-green, 70%)
  25. ));
  26. $splitButton-alt-ui: dynamic((
  27. color: #fff,
  28. background-color: $ios-blue,
  29. pressed-background-color: $splitButton-pressed-color,
  30. padding: 3px 10px,
  31. padding-big: 5px 15px
  32. ));
  33. $splitButton-decline-ui: dynamic((
  34. color: $ios-red,
  35. pressed-color: mix(#fff, $ios-red, 70%)
  36. ));
  37. $splitButton-segmented-ui: dynamic((
  38. color: $base-color,
  39. border-color: $base-color,
  40. hovered-border-color: $base-color,
  41. background-color: $background-color,
  42. hovered-background-color: $background-color,
  43. pressed-background-color: $base-color,
  44. pressed-color: #fff,
  45. border-radius: 4px,
  46. padding: 3px 10px,
  47. padding-big: 5px 15px
  48. ));
  49. $splitButton-action-ui: dynamic((
  50. font-weight: $font-weight-bold
  51. ));
  52. $splitButton-raised-ui: dynamic((
  53. color: $base-color,
  54. background-color: $background-color,
  55. hovered-background-color: $background-color,
  56. pressed-background-color: $base-color,
  57. pressed-color: #fff,
  58. padding: 3px 10px,
  59. padding-big: 5px 15px,
  60. box-shadow: (2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08))
  61. ));