SplitButton.scss 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. @include splitButton-ui(
  2. $background-color: $splitButton-background-color,
  3. $hovered-background-color: $splitButton-hovered-background-color,
  4. $pressed-background-color: $splitButton-pressed-background-color,
  5. $focused-background-color: $splitButton-focused-background-color,
  6. $disabled-background-color: $splitButton-disabled-background-color,
  7. $box-shadow: $splitButton-box-shadow,
  8. $hovered-box-shadow: $splitButton-hovered-box-shadow,
  9. $pressed-box-shadow: $splitButton-pressed-box-shadow,
  10. $focused-box-shadow: $splitButton-focused-box-shadow,
  11. $disabled-box-shadow: $splitButton-disabled-box-shadow,
  12. $background-gradient: $splitButton-background-gradient,
  13. $hovered-background-gradient: $splitButton-hovered-background-gradient,
  14. $pressed-background-gradient: $splitButton-pressed-background-gradient,
  15. $focused-background-gradient: $splitButton-focused-background-gradient,
  16. $disabled-background-gradient: $splitButton-disabled-background-gradient,
  17. $color: $splitButton-color,
  18. $hovered-color: $splitButton-hovered-color,
  19. $pressed-color: $splitButton-pressed-color,
  20. $focused-color: $splitButton-focused-color,
  21. $disabled-color: $splitButton-disabled-color,
  22. $border-color: $splitButton-border-color,
  23. $hovered-border-color: $splitButton-hovered-border-color,
  24. $pressed-border-color: $splitButton-pressed-border-color,
  25. $focused-border-color: $splitButton-focused-border-color,
  26. $disabled-border-color: $splitButton-disabled-border-color,
  27. $focused-outline-color: $splitButton-focused-outline-color,
  28. $focused-outline-style: $splitButton-focused-outline-style,
  29. $focused-outline-width: $splitButton-focused-outline-width,
  30. $focused-outline-offset: $splitButton-focused-outline-offset,
  31. $border-width: $splitButton-border-width,
  32. $border-style: $splitButton-border-style,
  33. $border-radius: $splitButton-border-radius,
  34. $border-radius-big: $splitButton-border-radius-big,
  35. $font-weight: $splitButton-font-weight,
  36. $font-size: $splitButton-font-size,
  37. $font-size-big: $splitButton-font-size-big,
  38. $line-height: $splitButton-line-height,
  39. $line-height-big: $splitButton-line-height-big,
  40. $font-family: $splitButton-font-family,
  41. $text-transform: $splitButton-text-transform,
  42. $text-transform-big: $splitButton-text-transform-big,
  43. $padding: $splitButton-padding,
  44. $padding-big: $splitButton-padding-big,
  45. $icon-only-padding: $splitButton-icon-only-padding,
  46. $icon-only-padding-big: $splitButton-icon-only-padding-big,
  47. $icon-color: $splitButton-icon-color,
  48. $hovered-icon-color: $splitButton-hovered-icon-color,
  49. $pressed-icon-color: $splitButton-pressed-icon-color,
  50. $focused-icon-color: $splitButton-focused-icon-color,
  51. $disabled-icon-color: $splitButton-disabled-icon-color,
  52. $icon-size: $splitButton-icon-size,
  53. $icon-size-big: $splitButton-icon-size-big,
  54. $icon-font-size: $splitButton-icon-font-size,
  55. $icon-font-size-big: $splitButton-icon-font-size-big,
  56. $icon-horizontal-spacing: $splitButton-icon-horizontal-spacing,
  57. $icon-horizontal-spacing-big: $splitButton-icon-horizontal-spacing-big,
  58. $icon-vertical-spacing: $splitButton-icon-vertical-spacing,
  59. $icon-vertical-spacing-big: $splitButton-icon-vertical-spacing-big,
  60. $disabled-opacity: $splitButton-disabled-opacity,
  61. $arrow-icon: $splitButton-arrow-icon,
  62. $arrow-icon-color: $splitButton-arrow-icon-color,
  63. $hovered-arrow-icon-color: $splitButton-hovered-arrow-icon-color,
  64. $pressed-arrow-icon-color: $splitButton-pressed-arrow-icon-color,
  65. $focused-arrow-icon-color: $splitButton-focused-arrow-icon-color,
  66. $disabled-arrow-icon-color: $splitButton-disabled-arrow-icon-color,
  67. $arrow-icon-size: $splitButton-arrow-icon-size,
  68. $arrow-icon-size-big: $splitButton-arrow-icon-size-big,
  69. $arrow-icon-font-size: $splitButton-arrow-icon-font-size,
  70. $arrow-icon-font-size-big: $splitButton-arrow-icon-font-size-big,
  71. $arrow-horizontal-spacing: $splitButton-arrow-horizontal-spacing,
  72. $arrow-horizontal-spacing-big: $splitButton-arrow-horizontal-spacing-big,
  73. $arrow-vertical-spacing: $splitButton-arrow-vertical-spacing,
  74. $arrow-vertical-spacing-big: $splitButton-arrow-vertical-spacing-big
  75. );
  76. @if $enable-default-uis {
  77. @if $splitButton-alt-ui {
  78. @include splitButton-ui(map-merge((ui: alt), $splitButton-alt-ui)...);
  79. }
  80. @if $splitButton-action-ui {
  81. @include splitButton-ui(map-merge((ui: action), $splitButton-action-ui)...);
  82. }
  83. @if $splitButton-confirm-ui {
  84. @include splitButton-ui(map-merge((ui: confirm), $splitButton-confirm-ui)...);
  85. }
  86. @if $splitButton-decline-ui {
  87. @include splitButton-ui(map-merge((ui: decline), $splitButton-decline-ui)...);
  88. }
  89. @if $splitButton-round-ui {
  90. @include splitButton-ui(map-merge((ui: round), $splitButton-round-ui)...);
  91. }
  92. @if $splitButton-square-ui {
  93. @include splitButton-ui(map-merge((ui: square), $splitButton-square-ui)...);
  94. }
  95. @if $splitButton-flat-ui {
  96. @include splitButton-ui(map-merge((ui: flat), $splitButton-flat-ui)...);
  97. }
  98. @if $splitButton-plain-ui {
  99. @include splitButton-ui(map-merge((ui: plain), $splitButton-plain-ui)...);
  100. }
  101. @if $splitButton-raised-ui {
  102. @include splitButton-ui(map-merge((ui: raised), $splitButton-raised-ui)...);
  103. }
  104. @if $splitButton-segmented-ui {
  105. @include splitButton-ui(map-merge((ui: segmented), $splitButton-segmented-ui)...);
  106. }
  107. }