igniteui-theming 1.0.0-release → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (235) hide show
  1. package/index.js +5 -0
  2. package/json/colors/meta/multipliers.json +1 -1
  3. package/json/colors/presets/palettes.json +1 -1
  4. package/package.json +46 -16
  5. package/sass/animations/_easings.scss +24 -23
  6. package/sass/animations/_mixins.scss +7 -4
  7. package/sass/animations/entrances/_bounce.scss +4 -3
  8. package/sass/animations/entrances/_fade.scss +1 -0
  9. package/sass/animations/entrances/_flicker.scss +11 -26
  10. package/sass/animations/entrances/_flip.scss +1 -0
  11. package/sass/animations/entrances/_puff.scss +1 -0
  12. package/sass/animations/entrances/_roll.scss +1 -0
  13. package/sass/animations/entrances/_rotate.scss +1 -0
  14. package/sass/animations/entrances/_scale.scss +1 -0
  15. package/sass/animations/entrances/_slide.scss +1 -0
  16. package/sass/animations/entrances/_slit.scss +1 -0
  17. package/sass/animations/entrances/_swing.scss +1 -0
  18. package/sass/animations/entrances/_swirl.scss +1 -0
  19. package/sass/animations/exits/_bounce.scss +7 -6
  20. package/sass/animations/exits/_fade.scss +1 -0
  21. package/sass/animations/exits/_flicker.scss +13 -28
  22. package/sass/animations/exits/_flip.scss +9 -8
  23. package/sass/animations/exits/_puff.scss +12 -11
  24. package/sass/animations/exits/_roll.scss +5 -4
  25. package/sass/animations/exits/_rotate.scss +26 -25
  26. package/sass/animations/exits/_scale.scss +16 -15
  27. package/sass/animations/exits/_slide.scss +35 -34
  28. package/sass/animations/exits/_slit.scss +5 -4
  29. package/sass/animations/exits/_swing.scss +9 -8
  30. package/sass/animations/exits/_swirl.scss +19 -18
  31. package/sass/animations/generic/_flip.scss +5 -4
  32. package/sass/animations/generic/_rotate.scss +6 -5
  33. package/sass/animations/generic/_scale.scss +32 -31
  34. package/sass/animations/generic/_shadows.scss +13 -68
  35. package/sass/animations/generic/_slide.scss +1 -0
  36. package/sass/animations/generic/_swing.scss +1 -0
  37. package/sass/bem/_index.scss +50 -6
  38. package/sass/color/_charts.scss +27 -3
  39. package/sass/color/_functions.scss +78 -76
  40. package/sass/color/_mixins.scss +52 -22
  41. package/sass/color/_multipliers.scss +14 -14
  42. package/sass/color/_types.scss +12 -1
  43. package/sass/color/presets/dark/_bootstrap.scss +18 -1
  44. package/sass/color/presets/dark/_extra.scss +29 -0
  45. package/sass/color/presets/dark/_fluent.scss +45 -4
  46. package/sass/color/presets/dark/_indigo.scss +18 -1
  47. package/sass/color/presets/dark/_material.scss +18 -1
  48. package/sass/color/presets/light/_bootstrap.scss +18 -1
  49. package/sass/color/presets/light/_extra.scss +31 -2
  50. package/sass/color/presets/light/_fluent.scss +45 -4
  51. package/sass/color/presets/light/_indigo.scss +18 -1
  52. package/sass/color/presets/light/_material.scss +18 -1
  53. package/sass/elevations/_functions.scss +13 -2
  54. package/sass/elevations/_mixins.scss +8 -2
  55. package/sass/elevations/presets/_index.scss +4 -5
  56. package/sass/elevations/presets/_material.scss +12 -2
  57. package/sass/themes/_functions.scss +49 -17
  58. package/sass/themes/_index.scss +1 -0
  59. package/sass/themes/_mixins.scss +42 -9
  60. package/sass/themes/charts/_category-chart-theme.scss +325 -0
  61. package/sass/themes/charts/_data-chart-theme.scss +141 -0
  62. package/sass/themes/charts/_doughnut-chart-theme.scss +83 -0
  63. package/sass/themes/charts/_financial-chart-theme.scss +331 -0
  64. package/sass/themes/charts/_funnel-chart-theme.scss +104 -0
  65. package/sass/themes/charts/_gauge-theme.scss +161 -0
  66. package/sass/themes/charts/_geo-map-theme.scss +54 -0
  67. package/sass/themes/charts/_graph-theme.scss +135 -0
  68. package/sass/themes/charts/_index.scss +12 -0
  69. package/sass/themes/charts/_pie-chart-theme.scss +111 -0
  70. package/sass/themes/charts/_shape-chart-theme.scss +277 -0
  71. package/sass/themes/charts/_sparkline-theme.scss +116 -0
  72. package/sass/themes/charts/_theme.scss +27 -0
  73. package/sass/themes/schemas/_index.scss +12 -0
  74. package/sass/themes/schemas/charts/_index.scss +2 -0
  75. package/sass/themes/schemas/charts/dark/_category-chart.scss +29 -0
  76. package/sass/themes/schemas/charts/dark/_data-chart.scss +28 -0
  77. package/sass/themes/schemas/charts/dark/_doughnut-chart.scss +28 -0
  78. package/sass/themes/schemas/charts/dark/_financial-chart.scss +28 -0
  79. package/sass/themes/schemas/charts/dark/_funnel-chart.scss +28 -0
  80. package/sass/themes/schemas/charts/dark/_gauge.scss +48 -0
  81. package/sass/themes/schemas/charts/dark/_geo-map.scss +32 -0
  82. package/sass/themes/schemas/charts/dark/_graph.scss +28 -0
  83. package/sass/themes/schemas/charts/dark/_index.scss +86 -0
  84. package/sass/themes/schemas/charts/dark/_pie-chart.scss +32 -0
  85. package/sass/themes/schemas/charts/dark/_shape-chart.scss +28 -0
  86. package/sass/themes/schemas/charts/dark/_sparkline.scss +28 -0
  87. package/sass/themes/schemas/charts/light/_category-chart.scss +222 -0
  88. package/sass/themes/schemas/charts/light/_data-chart.scss +69 -0
  89. package/sass/themes/schemas/charts/light/_doughnut-chart.scss +50 -0
  90. package/sass/themes/schemas/charts/light/_financial-chart.scss +140 -0
  91. package/sass/themes/schemas/charts/light/_funnel-chart.scss +48 -0
  92. package/sass/themes/schemas/charts/light/_gauge.scss +141 -0
  93. package/sass/themes/schemas/charts/light/_geo-map.scss +35 -0
  94. package/sass/themes/schemas/charts/light/_graph.scss +101 -0
  95. package/sass/themes/schemas/charts/light/_index.scss +86 -0
  96. package/sass/themes/schemas/charts/light/_pie-chart.scss +55 -0
  97. package/sass/themes/schemas/charts/light/_shape-chart.scss +121 -0
  98. package/sass/themes/schemas/charts/light/_sparkline.scss +74 -0
  99. package/sass/themes/schemas/components/_index.scss +2 -0
  100. package/sass/themes/schemas/components/dark/_action-strip.scss +50 -0
  101. package/sass/themes/schemas/components/dark/_avatar.scss +46 -0
  102. package/sass/themes/schemas/components/dark/_badge.scss +39 -0
  103. package/sass/themes/schemas/components/dark/_banner.scss +54 -0
  104. package/sass/themes/schemas/components/dark/_bottom-nav.scss +61 -0
  105. package/sass/themes/schemas/components/dark/_button-group.scss +190 -0
  106. package/sass/themes/schemas/components/dark/_button.scss +485 -0
  107. package/sass/themes/schemas/components/dark/_calendar.scss +338 -0
  108. package/sass/themes/schemas/components/dark/_card.scss +71 -0
  109. package/sass/themes/schemas/components/dark/_carousel.scss +127 -0
  110. package/sass/themes/schemas/components/dark/_checkbox.scss +97 -0
  111. package/sass/themes/schemas/components/dark/_chip.scss +109 -0
  112. package/sass/themes/schemas/components/dark/_column-actions.scss +28 -0
  113. package/sass/themes/schemas/components/dark/_combo.scss +56 -0
  114. package/sass/themes/schemas/components/dark/_date-range-picker.scss +28 -0
  115. package/sass/themes/schemas/components/dark/_dialog.scss +55 -0
  116. package/sass/themes/schemas/components/dark/_divider.scss +43 -0
  117. package/sass/themes/schemas/components/dark/_dock-manager.scss +349 -0
  118. package/sass/themes/schemas/components/dark/_drop-down.scss +86 -0
  119. package/sass/themes/schemas/components/dark/_expansion-panel.scss +87 -0
  120. package/sass/themes/schemas/components/dark/_grid-filtering.scss +28 -0
  121. package/sass/themes/schemas/components/dark/_grid-summary.scss +83 -0
  122. package/sass/themes/schemas/components/dark/_grid-toolbar.scss +36 -0
  123. package/sass/themes/schemas/components/dark/_grid.scss +684 -0
  124. package/sass/themes/schemas/components/dark/_highlight.scss +72 -0
  125. package/sass/themes/schemas/components/dark/_icon.scss +40 -0
  126. package/sass/themes/schemas/components/dark/_index.scss +310 -0
  127. package/sass/themes/schemas/components/dark/_input-group.scss +170 -0
  128. package/sass/themes/schemas/components/dark/_label.scss +33 -0
  129. package/sass/themes/schemas/components/dark/_list.scss +116 -0
  130. package/sass/themes/schemas/components/dark/_navbar.scss +27 -0
  131. package/sass/themes/schemas/components/dark/_navdrawer.scss +142 -0
  132. package/sass/themes/schemas/components/dark/_overlay.scss +34 -0
  133. package/sass/themes/schemas/components/dark/_pagination.scss +42 -0
  134. package/sass/themes/schemas/components/dark/_pivot-data-selector.scss +27 -0
  135. package/sass/themes/schemas/components/dark/_progress.scss +103 -0
  136. package/sass/themes/schemas/components/dark/_query-builder.scss +35 -0
  137. package/sass/themes/schemas/components/dark/_radio.scss +139 -0
  138. package/sass/themes/schemas/components/dark/_rating.scss +29 -0
  139. package/sass/themes/schemas/components/dark/_ripple.scss +28 -0
  140. package/sass/themes/schemas/components/dark/_scrollbar.scss +69 -0
  141. package/sass/themes/schemas/components/dark/_select.scss +56 -0
  142. package/sass/themes/schemas/components/dark/_slider.scss +136 -0
  143. package/sass/themes/schemas/components/dark/_snackbar.scss +55 -0
  144. package/sass/themes/schemas/components/dark/_splitter.scss +68 -0
  145. package/sass/themes/schemas/components/dark/_stepper.scss +184 -0
  146. package/sass/themes/schemas/components/dark/_switch.scss +222 -0
  147. package/sass/themes/schemas/components/dark/_tabs.scss +65 -0
  148. package/sass/themes/schemas/components/dark/_time-picker.scss +54 -0
  149. package/sass/themes/schemas/components/dark/_toast.scss +67 -0
  150. package/sass/themes/schemas/components/dark/_tooltip.scss +44 -0
  151. package/sass/themes/schemas/components/dark/_tree.scss +132 -0
  152. package/sass/themes/schemas/components/dark/_watermark.scss +48 -0
  153. package/sass/themes/schemas/components/elevation/_badge.scss +17 -0
  154. package/sass/themes/schemas/components/elevation/_bottom-nav.scss +23 -0
  155. package/sass/themes/schemas/components/elevation/_button-group.scss +29 -0
  156. package/sass/themes/schemas/components/elevation/_button.scss +63 -0
  157. package/sass/themes/schemas/components/elevation/_card.scss +37 -0
  158. package/sass/themes/schemas/components/elevation/_carousel.scss +29 -0
  159. package/sass/themes/schemas/components/elevation/_chip.scss +29 -0
  160. package/sass/themes/schemas/components/elevation/_dialog.scss +17 -0
  161. package/sass/themes/schemas/components/elevation/_drop-down.scss +29 -0
  162. package/sass/themes/schemas/components/elevation/_grid.scss +21 -0
  163. package/sass/themes/schemas/components/elevation/_input-group.scss +37 -0
  164. package/sass/themes/schemas/components/elevation/_navbar.scss +23 -0
  165. package/sass/themes/schemas/components/elevation/_navdrawer.scss +17 -0
  166. package/sass/themes/schemas/components/elevation/_snackbar.scss +17 -0
  167. package/sass/themes/schemas/components/elevation/_switch.scss +15 -0
  168. package/sass/themes/schemas/components/elevation/_time-picker.scss +13 -0
  169. package/sass/themes/schemas/components/elevation/_toast.scss +17 -0
  170. package/sass/themes/schemas/components/light/_action-strip.scss +113 -0
  171. package/sass/themes/schemas/components/light/_avatar.scss +74 -0
  172. package/sass/themes/schemas/components/light/_badge.scss +82 -0
  173. package/sass/themes/schemas/components/light/_banner.scss +96 -0
  174. package/sass/themes/schemas/components/light/_bottom-nav.scss +61 -0
  175. package/sass/themes/schemas/components/light/_button-group.scss +443 -0
  176. package/sass/themes/schemas/components/light/_button.scss +1866 -0
  177. package/sass/themes/schemas/components/light/_calendar.scss +966 -0
  178. package/sass/themes/schemas/components/light/_card.scss +224 -0
  179. package/sass/themes/schemas/components/light/_carousel.scss +205 -0
  180. package/sass/themes/schemas/components/light/_checkbox.scss +352 -0
  181. package/sass/themes/schemas/components/light/_chip.scss +558 -0
  182. package/sass/themes/schemas/components/light/_column-actions.scss +42 -0
  183. package/sass/themes/schemas/components/light/_combo.scss +312 -0
  184. package/sass/themes/schemas/components/light/_date-range-picker.scss +35 -0
  185. package/sass/themes/schemas/components/light/_dialog.scss +119 -0
  186. package/sass/themes/schemas/components/light/_divider.scss +33 -0
  187. package/sass/themes/schemas/components/light/_dock-manager.scss +548 -0
  188. package/sass/themes/schemas/components/light/_drop-down.scss +411 -0
  189. package/sass/themes/schemas/components/light/_expansion-panel.scss +181 -0
  190. package/sass/themes/schemas/components/light/_grid-filtering.scss +105 -0
  191. package/sass/themes/schemas/components/light/_grid-summary.scss +138 -0
  192. package/sass/themes/schemas/components/light/_grid-toolbar.scss +126 -0
  193. package/sass/themes/schemas/components/light/_grid.scss +1429 -0
  194. package/sass/themes/schemas/components/light/_highlight.scss +86 -0
  195. package/sass/themes/schemas/components/light/_icon.scss +51 -0
  196. package/sass/themes/schemas/components/light/_index.scss +310 -0
  197. package/sass/themes/schemas/components/light/_input-group.scss +869 -0
  198. package/sass/themes/schemas/components/light/_label.scss +53 -0
  199. package/sass/themes/schemas/components/light/_list.scss +343 -0
  200. package/sass/themes/schemas/components/light/_navbar.scss +116 -0
  201. package/sass/themes/schemas/components/light/_navdrawer.scss +234 -0
  202. package/sass/themes/schemas/components/light/_overlay.scss +42 -0
  203. package/sass/themes/schemas/components/light/_pagination.scss +105 -0
  204. package/sass/themes/schemas/components/light/_pivot-data-selector.scss +38 -0
  205. package/sass/themes/schemas/components/light/_progress.scss +218 -0
  206. package/sass/themes/schemas/components/light/_query-builder.scss +138 -0
  207. package/sass/themes/schemas/components/light/_radio.scss +279 -0
  208. package/sass/themes/schemas/components/light/_rating.scss +129 -0
  209. package/sass/themes/schemas/components/light/_ripple.scss +36 -0
  210. package/sass/themes/schemas/components/light/_scrollbar.scss +79 -0
  211. package/sass/themes/schemas/components/light/_select.scss +164 -0
  212. package/sass/themes/schemas/components/light/_slider.scss +358 -0
  213. package/sass/themes/schemas/components/light/_snackbar.scss +149 -0
  214. package/sass/themes/schemas/components/light/_splitter.scss +105 -0
  215. package/sass/themes/schemas/components/light/_stepper.scss +709 -0
  216. package/sass/themes/schemas/components/light/_switch.scss +535 -0
  217. package/sass/themes/schemas/components/light/_tabs.scss +412 -0
  218. package/sass/themes/schemas/components/light/_time-picker.scss +250 -0
  219. package/sass/themes/schemas/components/light/_toast.scss +113 -0
  220. package/sass/themes/schemas/components/light/_tooltip.scss +113 -0
  221. package/sass/themes/schemas/components/light/_tree.scss +296 -0
  222. package/sass/themes/schemas/components/light/_watermark.scss +101 -0
  223. package/sass/typography/_functions.scss +45 -5
  224. package/sass/typography/_mixins.scss +45 -6
  225. package/sass/typography/_types.scss +7 -17
  226. package/sass/typography/charts/_index.scss +28 -0
  227. package/sass/typography/presets/_bootstrap.scss +25 -24
  228. package/sass/typography/presets/_fluent.scss +24 -23
  229. package/sass/typography/presets/_indigo.scss +25 -24
  230. package/sass/typography/presets/_material.scss +24 -23
  231. package/sass/utils/_css.scss +11 -1
  232. package/sass/utils/_map.scss +10 -8
  233. package/sass/utils/_math.scss +5 -0
  234. package/sass/utils/_meta.scss +22 -1
  235. package/sass/utils/_string.scss +24 -6
package/sass/animations/exits/_flip.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use '../mixins' as *;
2
2
 
3
3
  ////
4
+ /// @package theming
4
5
  /// @group animations
5
6
  /// @access public
6
7
  /// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
@@ -8,7 +9,7 @@
8
9
 
9
10
  /// @requires {mixin} keyframes
10
11
  @mixin flip-out-hor-top {
11
- @include keyframes (flip-out-hor-top) {
12
+ @include keyframes(flip-out-hor-top) {
12
13
  0% {
13
14
  transform: rotateX(0);
14
15
  opacity: 1;
@@ -23,7 +24,7 @@
23
24
 
24
25
  /// @requires {mixin} keyframes
25
26
  @mixin flip-out-hor-bottom {
26
- @include keyframes (flip-out-hor-bottom) {
27
+ @include keyframes(flip-out-hor-bottom) {
27
28
  0% {
28
29
  transform: rotateX(0);
29
30
  opacity: 1;
@@ -38,7 +39,7 @@
38
39
 
39
40
  /// @requires {mixin} keyframes
40
41
  @mixin flip-out-ver-left {
41
- @include keyframes (flip-out-ver-left) {
42
+ @include keyframes(flip-out-ver-left) {
42
43
  0% {
43
44
  transform: rotateY(0);
44
45
  opacity: 1;
@@ -53,7 +54,7 @@
53
54
 
54
55
  /// @requires {mixin} keyframes
55
56
  @mixin flip-out-ver-right {
56
- @include keyframes (flip-out-ver-right) {
57
+ @include keyframes(flip-out-ver-right) {
57
58
  0% {
58
59
  transform: rotateY(0);
59
60
  opacity: 1;
@@ -68,7 +69,7 @@
68
69
 
69
70
  /// @requires {mixin} keyframes
70
71
  @mixin flip-out-diag-1-tr {
71
- @include keyframes (flip-out-diag-1-tr) {
72
+ @include keyframes(flip-out-diag-1-tr) {
72
73
  0% {
73
74
  transform: rotate3d(1, 1, 0, 0deg);
74
75
  opacity: 1;
@@ -83,7 +84,7 @@
83
84
 
84
85
  /// @requires {mixin} keyframes
85
86
  @mixin flip-out-diag-1-bl {
86
- @include keyframes (flip-out-diag-1-bl) {
87
+ @include keyframes(flip-out-diag-1-bl) {
87
88
  0% {
88
89
  transform: rotate3d(1, 1, 0, 0deg);
89
90
  opacity: 1;
@@ -98,7 +99,7 @@
98
99
 
99
100
  /// @requires {mixin} keyframes
100
101
  @mixin flip-out-diag-2-tl {
101
- @include keyframes (flip-out-diag-2-tl) {
102
+ @include keyframes(flip-out-diag-2-tl) {
102
103
  0% {
103
104
  transform: rotate3d(1, 1, 0, 0deg);
104
105
  opacity: 1;
@@ -113,7 +114,7 @@
113
114
 
114
115
  /// @requires {mixin} keyframes
115
116
  @mixin flip-out-diag-2-br {
116
- @include keyframes (flip-out-diag-2-br) {
117
+ @include keyframes(flip-out-diag-2-br) {
117
118
  0% {
118
119
  transform: rotate3d(1, 1, 0, 0deg);
119
120
  opacity: 1;
package/sass/animations/exits/_puff.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use '../mixins' as *;
2
2
 
3
3
  ////
4
+ /// @package theming
4
5
  /// @group animations
5
6
  /// @access public
6
7
  /// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
@@ -8,7 +9,7 @@
8
9
 
9
10
  /// @requires {mixin} keyframes
10
11
  @mixin puff-out-center {
11
- @include keyframes (puff-out-center) {
12
+ @include keyframes(puff-out-center) {
12
13
  0% {
13
14
  transform: scale(1);
14
15
  filter: blur(0);
@@ -25,7 +26,7 @@
25
26
 
26
27
  /// @requires {mixin} keyframes
27
28
  @mixin puff-out-top {
28
- @include keyframes (puff-out-top) {
29
+ @include keyframes(puff-out-top) {
29
30
  0% {
30
31
  transform: scale(1);
31
32
  transform-origin: 50% 0%;
@@ -44,7 +45,7 @@
44
45
 
45
46
  /// @requires {mixin} keyframes
46
47
  @mixin puff-out-tr {
47
- @include keyframes (puff-out-tr) {
48
+ @include keyframes(puff-out-tr) {
48
49
  0% {
49
50
  transform: scale(1);
50
51
  transform-origin: 100% 0%;
@@ -63,7 +64,7 @@
63
64
 
64
65
  /// @requires {mixin} keyframes
65
66
  @mixin puff-out-right {
66
- @include keyframes (puff-out-right) {
67
+ @include keyframes(puff-out-right) {
67
68
  0% {
68
69
  transform: scale(1);
69
70
  transform-origin: 100% 50%;
@@ -82,7 +83,7 @@
82
83
 
83
84
  /// @requires {mixin} keyframes
84
85
  @mixin puff-out-br {
85
- @include keyframes (puff-out-br) {
86
+ @include keyframes(puff-out-br) {
86
87
  0% {
87
88
  transform: scale(1);
88
89
  transform-origin: 100% 100%;
@@ -101,7 +102,7 @@
101
102
 
102
103
  /// @requires {mixin} keyframes
103
104
  @mixin puff-out-bottom {
104
- @include keyframes (puff-out-bottom) {
105
+ @include keyframes(puff-out-bottom) {
105
106
  0% {
106
107
  transform: scale(1);
107
108
  transform-origin: 50% 100%;
@@ -120,7 +121,7 @@
120
121
 
121
122
  /// @requires {mixin} keyframes
122
123
  @mixin puff-out-ver {
123
- @include keyframes (puff-out-ver) {
124
+ @include keyframes(puff-out-ver) {
124
125
  0% {
125
126
  transform: scaleY(1);
126
127
  filter: blur(0);
@@ -137,7 +138,7 @@
137
138
 
138
139
  /// @requires {mixin} keyframes
139
140
  @mixin puff-out-hor {
140
- @include keyframes (puff-out-hor) {
141
+ @include keyframes(puff-out-hor) {
141
142
  0% {
142
143
  transform: scaleX(1);
143
144
  filter: blur(0);
@@ -154,7 +155,7 @@
154
155
 
155
156
  /// @requires {mixin} keyframes
156
157
  @mixin puff-out-tl {
157
- @include keyframes (puff-out-tl) {
158
+ @include keyframes(puff-out-tl) {
158
159
  0% {
159
160
  transform: scale(1);
160
161
  transform-origin: 0% 0%;
@@ -173,7 +174,7 @@
173
174
 
174
175
  /// @requires {mixin} keyframes
175
176
  @mixin puff-out-left {
176
- @include keyframes (puff-out-left) {
177
+ @include keyframes(puff-out-left) {
177
178
  0% {
178
179
  transform: scale(1);
179
180
  transform-origin: 0% 50%;
@@ -192,7 +193,7 @@
192
193
 
193
194
  /// @requires {mixin} keyframes
194
195
  @mixin puff-out-bl {
195
- @include keyframes (puff-out-bl) {
196
+ @include keyframes(puff-out-bl) {
196
197
  0% {
197
198
  transform: scale(1);
198
199
  transform-origin: 0% 100%;
package/sass/animations/exits/_roll.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use '../mixins' as *;
2
2
 
3
3
  ////
4
+ /// @package theming
4
5
  /// @group animations
5
6
  /// @access public
6
7
  /// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
@@ -8,7 +9,7 @@
8
9
 
9
10
  /// @requires {mixin} keyframes
10
11
  @mixin roll-out-left {
11
- @include keyframes (roll-out-left) {
12
+ @include keyframes(roll-out-left) {
12
13
  0% {
13
14
  transform: translateX(0) rotate(0deg);
14
15
  opacity: 1;
@@ -23,7 +24,7 @@
23
24
 
24
25
  /// @requires {mixin} keyframes
25
26
  @mixin roll-out-top {
26
- @include keyframes (roll-out-top) {
27
+ @include keyframes(roll-out-top) {
27
28
  0% {
28
29
  transform: translateY(0) rotate(0deg);
29
30
  opacity: 1;
@@ -38,7 +39,7 @@
38
39
 
39
40
  /// @requires {mixin} keyframes
40
41
  @mixin roll-out-right {
41
- @include keyframes (roll-out-right) {
42
+ @include keyframes(roll-out-right) {
42
43
  0% {
43
44
  transform: translateX(0) rotate(0deg);
44
45
  opacity: 1;
@@ -53,7 +54,7 @@
53
54
 
54
55
  /// @requires {mixin} keyframes
55
56
  @mixin roll-out-bottom {
56
- @include keyframes (roll-out-bottom) {
57
+ @include keyframes(roll-out-bottom) {
57
58
  0% {
58
59
  transform: translateY(0) rotate(0deg);
59
60
  opacity: 1;
package/sass/animations/exits/_rotate.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use '../mixins' as *;
2
2
 
3
3
  ////
4
+ /// @package theming
4
5
  /// @group animations
5
6
  /// @access public
6
7
  /// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
@@ -8,7 +9,7 @@
8
9
 
9
10
  /// @requires {mixin} keyframes
10
11
  @mixin rotate-out-center {
11
- @include keyframes (rotate-out-center) {
12
+ @include keyframes(rotate-out-center) {
12
13
  0% {
13
14
  transform: rotate(0);
14
15
  opacity: 1;
@@ -23,7 +24,7 @@
23
24
 
24
25
  /// @requires {mixin} keyframes
25
26
  @mixin rotate-out-bl {
26
- @include keyframes (rotate-out-bl) {
27
+ @include keyframes(rotate-out-bl) {
27
28
  0% {
28
29
  transform: rotate(0);
29
30
  transform-origin: bottom left;
@@ -40,7 +41,7 @@
40
41
 
41
42
  /// @requires {mixin} keyframes
42
43
  @mixin rotate-out-diag-2 {
43
- @include keyframes (rotate-out-diag-2) {
44
+ @include keyframes(rotate-out-diag-2) {
44
45
  0% {
45
46
  transform: rotate3d(-1, 1, 0, 360deg);
46
47
  opacity: 1;
@@ -55,7 +56,7 @@
55
56
 
56
57
  /// @requires {mixin} keyframes
57
58
  @mixin rotate-out-top {
58
- @include keyframes (rotate-out-top) {
59
+ @include keyframes(rotate-out-top) {
59
60
  0% {
60
61
  transform: rotate(0);
61
62
  transform-origin: top;
@@ -72,7 +73,7 @@
72
73
 
73
74
  /// @requires {mixin} keyframes
74
75
  @mixin rotate-out-left {
75
- @include keyframes (rotate-out-left) {
76
+ @include keyframes(rotate-out-left) {
76
77
  0% {
77
78
  transform: rotate(0);
78
79
  transform-origin: left;
@@ -89,7 +90,7 @@
89
90
 
90
91
  /// @requires {mixin} keyframes
91
92
  @mixin rotate-out-tr {
92
- @include keyframes (rotate-out-tr) {
93
+ @include keyframes(rotate-out-tr) {
93
94
  0% {
94
95
  transform: rotate(0);
95
96
  transform-origin: top right;
@@ -106,7 +107,7 @@
106
107
 
107
108
  /// @requires {mixin} keyframes
108
109
  @mixin rotate-out-tl {
109
- @include keyframes (rotate-out-tl) {
110
+ @include keyframes(rotate-out-tl) {
110
111
  0% {
111
112
  transform: rotate(0);
112
113
  transform-origin: top left;
@@ -123,7 +124,7 @@
123
124
 
124
125
  /// @requires {mixin} keyframes
125
126
  @mixin rotate-out-right {
126
- @include keyframes (rotate-out-right) {
127
+ @include keyframes(rotate-out-right) {
127
128
  0% {
128
129
  transform: rotate(0);
129
130
  transform-origin: right;
@@ -140,7 +141,7 @@
140
141
 
141
142
  /// @requires {mixin} keyframes
142
143
  @mixin rotate-out-2-cw {
143
- @include keyframes (rotate-out-2-cw) {
144
+ @include keyframes(rotate-out-2-cw) {
144
145
  0% {
145
146
  transform: rotate(0);
146
147
  opacity: 1;
@@ -155,7 +156,7 @@
155
156
 
156
157
  /// @requires {mixin} keyframes
157
158
  @mixin rotate-out-2-ccw {
158
- @include keyframes (rotate-out-2-ccw) {
159
+ @include keyframes(rotate-out-2-ccw) {
159
160
  0% {
160
161
  transform: rotate(0);
161
162
  opacity: 1;
@@ -170,7 +171,7 @@
170
171
 
171
172
  /// @requires {mixin} keyframes
172
173
  @mixin rotate-out-2-bck {
173
- @include keyframes (rotate-out-2-bck) {
174
+ @include keyframes(rotate-out-2-bck) {
174
175
  0% {
175
176
  transform: translateZ(0) rotate(0);
176
177
  opacity: 1;
@@ -185,7 +186,7 @@
185
186
 
186
187
  /// @requires {mixin} keyframes
187
188
  @mixin rotate-out-2-fwd {
188
- @include keyframes (rotate-out-2-fwd) {
189
+ @include keyframes(rotate-out-2-fwd) {
189
190
  0% {
190
191
  transform: translateZ(0) rotate(0);
191
192
  opacity: 1;
@@ -200,7 +201,7 @@
200
201
 
201
202
  /// @requires {mixin} keyframes
202
203
  @mixin rotate-out-2-tr-cw {
203
- @include keyframes (rotate-out-2-tr-cw) {
204
+ @include keyframes(rotate-out-2-tr-cw) {
204
205
  0% {
205
206
  transform: rotate(0);
206
207
  transform-origin: 100% 0%;
@@ -217,7 +218,7 @@
217
218
 
218
219
  /// @requires {mixin} keyframes
219
220
  @mixin rotate-out-2-tr-ccw {
220
- @include keyframes (rotate-out-2-tr-ccw) {
221
+ @include keyframes(rotate-out-2-tr-ccw) {
221
222
  0% {
222
223
  transform: rotate(0);
223
224
  transform-origin: 100% 0%;
@@ -234,7 +235,7 @@
234
235
 
235
236
  /// @requires {mixin} keyframes
236
237
  @mixin rotate-out-2-br-cw {
237
- @include keyframes (rotate-out-2-br-cw) {
238
+ @include keyframes(rotate-out-2-br-cw) {
238
239
  0% {
239
240
  transform: rotate(0);
240
241
  transform-origin: 100% 100%;
@@ -251,7 +252,7 @@
251
252
 
252
253
  /// @requires {mixin} keyframes
253
254
  @mixin rotate-out-2-br-ccw {
254
- @include keyframes (rotate-out-2-br-ccw) {
255
+ @include keyframes(rotate-out-2-br-ccw) {
255
256
  0% {
256
257
  transform: rotate(0);
257
258
  transform-origin: 100% 100%;
@@ -268,7 +269,7 @@
268
269
 
269
270
  /// @requires {mixin} keyframes
270
271
  @mixin rotate-out-2-bl-cw {
271
- @include keyframes (rotate-out-2-bl-cw) {
272
+ @include keyframes(rotate-out-2-bl-cw) {
272
273
  0% {
273
274
  transform: rotate(0);
274
275
  transform-origin: 0 100%;
@@ -285,7 +286,7 @@
285
286
 
286
287
  /// @requires {mixin} keyframes
287
288
  @mixin rotate-out-2-bl-ccw {
288
- @include keyframes (rotate-out-2-bl-ccw) {
289
+ @include keyframes(rotate-out-2-bl-ccw) {
289
290
  0% {
290
291
  transform: rotate(0);
291
292
  transform-origin: 0 100%;
@@ -302,7 +303,7 @@
302
303
 
303
304
  /// @requires {mixin} keyframes
304
305
  @mixin rotate-out-2-tl-cw {
305
- @include keyframes (rotate-out-2-tl-cw) {
306
+ @include keyframes(rotate-out-2-tl-cw) {
306
307
  0% {
307
308
  transform: rotate(0);
308
309
  transform-origin: 0 0;
@@ -319,7 +320,7 @@
319
320
 
320
321
  /// @requires {mixin} keyframes
321
322
  @mixin rotate-out-2-tl-ccw {
322
- @include keyframes (rotate-out-2-tl-ccw) {
323
+ @include keyframes(rotate-out-2-tl-ccw) {
323
324
  0% {
324
325
  transform: rotate(0);
325
326
  transform-origin: 0 0;
@@ -336,7 +337,7 @@
336
337
 
337
338
  /// @requires {mixin} keyframes
338
339
  @mixin rotate-out-hor {
339
- @include keyframes (rotate-out-hor) {
340
+ @include keyframes(rotate-out-hor) {
340
341
  0% {
341
342
  transform: rotateX(360deg);
342
343
  opacity: 1;
@@ -351,7 +352,7 @@
351
352
 
352
353
  /// @requires {mixin} keyframes
353
354
  @mixin rotate-out-br {
354
- @include keyframes (rotate-out-br) {
355
+ @include keyframes(rotate-out-br) {
355
356
  0% {
356
357
  transform: rotate(0);
357
358
  transform-origin: bottom right;
@@ -368,7 +369,7 @@
368
369
 
369
370
  /// @requires {mixin} keyframes
370
371
  @mixin rotate-out-ver {
371
- @include keyframes (rotate-out-ver) {
372
+ @include keyframes(rotate-out-ver) {
372
373
  0% {
373
374
  transform: rotateY(360deg);
374
375
  opacity: 1;
@@ -383,7 +384,7 @@
383
384
 
384
385
  /// @requires {mixin} keyframes
385
386
  @mixin rotate-out-bottom {
386
- @include keyframes (rotate-out-bottom) {
387
+ @include keyframes(rotate-out-bottom) {
387
388
  0% {
388
389
  transform: rotate(0);
389
390
  transform-origin: bottom;
@@ -400,7 +401,7 @@
400
401
 
401
402
  /// @requires {mixin} keyframes
402
403
  @mixin rotate-out-diag-1 {
403
- @include keyframes (rotate-out-diag-1) {
404
+ @include keyframes(rotate-out-diag-1) {
404
405
  0% {
405
406
  transform: rotate3d(1, 1, 0, 360deg);
406
407
  opacity: 1;
package/sass/animations/exits/_scale.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use '../mixins' as *;
2
2
 
3
3
  ////
4
+ /// @package theming
4
5
  /// @group animations
5
6
  /// @access public
6
7
  /// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
@@ -8,7 +9,7 @@
8
9
 
9
10
  /// @requires {mixin} keyframes
10
11
  @mixin scale-out-center {
11
- @include keyframes (scale-out-center) {
12
+ @include keyframes(scale-out-center) {
12
13
  0% {
13
14
  transform: scale(1);
14
15
  opacity: 1;
@@ -23,7 +24,7 @@
23
24
 
24
25
  /// @requires {mixin} keyframes
25
26
  @mixin scale-out-bl {
26
- @include keyframes (scale-out-bl) {
27
+ @include keyframes(scale-out-bl) {
27
28
  0% {
28
29
  transform: scale(1);
29
30
  transform-origin: 0% 100%;
@@ -40,7 +41,7 @@
40
41
 
41
42
  /// @requires {mixin} keyframes
42
43
  @mixin scale-out-vertical {
43
- @include keyframes (scale-out-vertical) {
44
+ @include keyframes(scale-out-vertical) {
44
45
  0% {
45
46
  transform: scaleY(1);
46
47
  opacity: 1;
@@ -55,7 +56,7 @@
55
56
 
56
57
  /// @requires {mixin} keyframes
57
58
  @mixin scale-out-top {
58
- @include keyframes (scale-out-top) {
59
+ @include keyframes(scale-out-top) {
59
60
  0% {
60
61
  transform: scale(1);
61
62
  transform-origin: 50% 0%;
@@ -72,7 +73,7 @@
72
73
 
73
74
  /// @requires {mixin} keyframes
74
75
  @mixin scale-out-left {
75
- @include keyframes (scale-out-left) {
76
+ @include keyframes(scale-out-left) {
76
77
  0% {
77
78
  transform: scale(1);
78
79
  transform-origin: 0% 50%;
@@ -89,7 +90,7 @@
89
90
 
90
91
  /// @requires {mixin} keyframes
91
92
  @mixin scale-out-ver-top {
92
- @include keyframes (scale-out-ver-top) {
93
+ @include keyframes(scale-out-ver-top) {
93
94
  0% {
94
95
  transform: scaleY(1);
95
96
  transform-origin: 100% 0%;
@@ -106,7 +107,7 @@
106
107
 
107
108
  /// @requires {mixin} keyframes
108
109
  @mixin scale-out-tr {
109
- @include keyframes (scale-out-tr) {
110
+ @include keyframes(scale-out-tr) {
110
111
  0% {
111
112
  transform: scale(1);
112
113
  transform-origin: 100% 0%;
@@ -123,7 +124,7 @@
123
124
 
124
125
  /// @requires {mixin} keyframes
125
126
  @mixin scale-out-tl {
126
- @include keyframes (scale-out-tl) {
127
+ @include keyframes(scale-out-tl) {
127
128
  0% {
128
129
  transform: scale(1);
129
130
  transform-origin: 0 0;
@@ -140,7 +141,7 @@
140
141
 
141
142
  /// @requires {mixin} keyframes
142
143
  @mixin scale-out-ver-bottom {
143
- @include keyframes (scale-out-ver-bottom) {
144
+ @include keyframes(scale-out-ver-bottom) {
144
145
  0% {
145
146
  transform: scaleY(1);
146
147
  transform-origin: 0% 100%;
@@ -157,7 +158,7 @@
157
158
 
158
159
  /// @requires {mixin} keyframes
159
160
  @mixin scale-out-right {
160
- @include keyframes (scale-out-right) {
161
+ @include keyframes(scale-out-right) {
161
162
  0% {
162
163
  transform: scale(1);
163
164
  transform-origin: 100% 50%;
@@ -174,7 +175,7 @@
174
175
 
175
176
  /// @requires {mixin} keyframes
176
177
  @mixin scale-out-horizontal {
177
- @include keyframes (scale-out-horizontal) {
178
+ @include keyframes(scale-out-horizontal) {
178
179
  0% {
179
180
  transform: scaleX(1);
180
181
  opacity: 1;
@@ -189,7 +190,7 @@
189
190
 
190
191
  /// @requires {mixin} keyframes
191
192
  @mixin scale-out-br {
192
- @include keyframes (scale-out-br) {
193
+ @include keyframes(scale-out-br) {
193
194
  0% {
194
195
  transform: scale(1);
195
196
  transform-origin: 100% 100%;
@@ -206,7 +207,7 @@
206
207
 
207
208
  /// @requires {mixin} keyframes
208
209
  @mixin scale-out-hor-left {
209
- @include keyframes (scale-out-hor-left) {
210
+ @include keyframes(scale-out-hor-left) {
210
211
  0% {
211
212
  transform: scaleX(1);
212
213
  transform-origin: 0 0;
@@ -223,7 +224,7 @@
223
224
 
224
225
  /// @requires {mixin} keyframes
225
226
  @mixin scale-out-bottom {
226
- @include keyframes (scale-out-bottom) {
227
+ @include keyframes(scale-out-bottom) {
227
228
  0% {
228
229
  transform: scale(1);
229
230
  transform-origin: 50% 100%;
@@ -240,7 +241,7 @@
240
241
 
241
242
  /// @requires {mixin} keyframes
242
243
  @mixin scale-out-hor-right {
243
- @include keyframes (scale-out-hor-right) {
244
+ @include keyframes(scale-out-hor-right) {
244
245
  0% {
245
246
  transform: scaleX(1);
246
247
  transform-origin: 100% 100%;