igniteui-theming 1.4.2 → 1.4.3-beta.2

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 (109) hide show
  1. package/index.js +3 -0
  2. package/json/colors/meta/multipliers.json +1 -1
  3. package/package.json +21 -14
  4. package/sass/animations/_easings.scss +23 -23
  5. package/sass/animations/entrances/_bounce.scss +3 -3
  6. package/sass/animations/entrances/_flicker.scss +10 -26
  7. package/sass/animations/exits/_bounce.scss +6 -6
  8. package/sass/animations/exits/_flicker.scss +12 -28
  9. package/sass/animations/exits/_flip.scss +8 -8
  10. package/sass/animations/exits/_puff.scss +11 -11
  11. package/sass/animations/exits/_roll.scss +4 -4
  12. package/sass/animations/exits/_rotate.scss +25 -25
  13. package/sass/animations/exits/_scale.scss +15 -15
  14. package/sass/animations/exits/_slide.scss +34 -34
  15. package/sass/animations/exits/_slit.scss +4 -4
  16. package/sass/animations/exits/_swing.scss +8 -8
  17. package/sass/animations/exits/_swirl.scss +18 -18
  18. package/sass/animations/generic/_flip.scss +4 -4
  19. package/sass/animations/generic/_rotate.scss +5 -5
  20. package/sass/animations/generic/_scale.scss +31 -31
  21. package/sass/animations/generic/_shadows.scss +12 -68
  22. package/sass/bem/_index.scss +9 -3
  23. package/sass/color/_charts.scss +1 -1
  24. package/sass/color/_functions.scss +22 -56
  25. package/sass/color/_multipliers.scss +14 -14
  26. package/sass/color/_types.scss +6 -1
  27. package/sass/color/presets/dark/_bootstrap.scss +1 -1
  28. package/sass/color/presets/dark/_fluent.scss +3 -3
  29. package/sass/color/presets/dark/_indigo.scss +1 -1
  30. package/sass/color/presets/dark/_material.scss +1 -1
  31. package/sass/color/presets/light/_bootstrap.scss +1 -1
  32. package/sass/color/presets/light/_extra.scss +2 -2
  33. package/sass/color/presets/light/_fluent.scss +3 -3
  34. package/sass/color/presets/light/_indigo.scss +1 -1
  35. package/sass/color/presets/light/_material.scss +1 -1
  36. package/sass/elevations/presets/_index.scss +1 -5
  37. package/sass/elevations/presets/_material.scss +1 -1
  38. package/sass/themes/_functions.scss +2 -12
  39. package/sass/themes/_index.scss +1 -0
  40. package/sass/themes/_mixins.scss +4 -5
  41. package/sass/themes/charts/_category-chart-theme.scss +15 -11
  42. package/sass/themes/charts/_data-chart-theme.scss +4 -7
  43. package/sass/themes/charts/_doughnut-chart-theme.scss +2 -2
  44. package/sass/themes/charts/_financial-chart-theme.scss +15 -11
  45. package/sass/themes/charts/_funnel-chart-theme.scss +22 -18
  46. package/sass/themes/charts/_gauge-theme.scss +8 -16
  47. package/sass/themes/charts/_geo-map-theme.scss +10 -11
  48. package/sass/themes/charts/_graph-theme.scss +3 -3
  49. package/sass/themes/charts/_pie-chart-theme.scss +21 -20
  50. package/sass/themes/charts/_shape-chart-theme.scss +15 -11
  51. package/sass/themes/charts/_sparkline-theme.scss +2 -2
  52. package/sass/themes/schemas/_index.scss +10 -33
  53. package/sass/themes/schemas/charts/light/_category-chart.scss +68 -24
  54. package/sass/themes/schemas/charts/light/_data-chart.scss +12 -3
  55. package/sass/themes/schemas/charts/light/_financial-chart.scss +1 -1
  56. package/sass/themes/schemas/charts/light/_gauge.scss +14 -5
  57. package/sass/themes/schemas/charts/light/_geo-map.scss +2 -2
  58. package/sass/themes/schemas/charts/light/_graph.scss +20 -5
  59. package/sass/themes/schemas/charts/light/_pie-chart.scss +4 -1
  60. package/sass/themes/schemas/charts/light/_shape-chart.scss +8 -2
  61. package/sass/themes/schemas/charts/light/_sparkline.scss +4 -1
  62. package/sass/themes/schemas/components/_index.scss +2 -0
  63. package/sass/themes/schemas/components/dark/_avatar.scss +46 -0
  64. package/sass/themes/schemas/components/dark/_button.scss +491 -0
  65. package/sass/themes/schemas/components/dark/_checkbox.scss +88 -0
  66. package/sass/themes/schemas/components/dark/_combo.scss +56 -0
  67. package/sass/themes/schemas/components/dark/_drop-down.scss +86 -0
  68. package/sass/themes/schemas/components/dark/_icon.scss +39 -0
  69. package/sass/themes/schemas/components/dark/_index.scss +120 -0
  70. package/sass/themes/schemas/components/dark/_input-group.scss +170 -0
  71. package/sass/themes/schemas/components/dark/_navbar.scss +27 -0
  72. package/sass/themes/schemas/components/dark/_radio.scss +144 -0
  73. package/sass/themes/schemas/components/dark/_rating.scss +29 -0
  74. package/sass/themes/schemas/components/dark/_select.scss +56 -0
  75. package/sass/themes/schemas/components/dark/_slider.scss +136 -0
  76. package/sass/themes/schemas/components/dark/_switch.scss +216 -0
  77. package/sass/themes/schemas/components/dark/_tabs.scss +65 -0
  78. package/sass/themes/schemas/components/dark/_tree.scss +132 -0
  79. package/sass/themes/schemas/components/elevation/_button.scss +63 -0
  80. package/sass/themes/schemas/components/elevation/_drop-down.scss +29 -0
  81. package/sass/themes/schemas/components/elevation/_input-group.scss +37 -0
  82. package/sass/themes/schemas/components/elevation/_navbar.scss +23 -0
  83. package/sass/themes/schemas/components/elevation/_switch.scss +15 -0
  84. package/sass/themes/schemas/components/light/_avatar.scss +69 -0
  85. package/sass/themes/schemas/components/light/_button.scss +1700 -0
  86. package/sass/themes/schemas/components/light/_checkbox.scss +285 -0
  87. package/sass/themes/schemas/components/light/_combo.scss +317 -0
  88. package/sass/themes/schemas/components/light/_drop-down.scss +376 -0
  89. package/sass/themes/schemas/components/light/_icon.scss +55 -0
  90. package/sass/themes/schemas/components/light/_index.scss +121 -0
  91. package/sass/themes/schemas/components/light/_input-group.scss +794 -0
  92. package/sass/themes/schemas/components/light/_navbar.scss +116 -0
  93. package/sass/themes/schemas/components/light/_radio.scss +279 -0
  94. package/sass/themes/schemas/components/light/_rating.scss +129 -0
  95. package/sass/themes/schemas/components/light/_select.scss +176 -0
  96. package/sass/themes/schemas/components/light/_slider.scss +362 -0
  97. package/sass/themes/schemas/components/light/_switch.scss +473 -0
  98. package/sass/themes/schemas/components/light/_tabs.scss +402 -0
  99. package/sass/themes/schemas/components/light/_tree.scss +288 -0
  100. package/sass/typography/_functions.scss +7 -5
  101. package/sass/typography/_mixins.scss +1 -3
  102. package/sass/typography/_types.scss +2 -16
  103. package/sass/typography/presets/_bootstrap.scss +24 -24
  104. package/sass/typography/presets/_fluent.scss +23 -23
  105. package/sass/typography/presets/_indigo.scss +24 -24
  106. package/sass/typography/presets/_material.scss +23 -23
  107. package/sass/utils/_css.scss +6 -1
  108. package/sass/utils/_map.scss +4 -8
  109. package/sass/utils/_string.scss +14 -6
package/sass/animations/exits/_rotate.scss CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  /// @requires {mixin} keyframes
11
11
  @mixin rotate-out-center {
12
- @include keyframes (rotate-out-center) {
12
+ @include keyframes(rotate-out-center) {
13
13
  0% {
14
14
  transform: rotate(0);
15
15
  opacity: 1;
@@ -24,7 +24,7 @@
24
24
 
25
25
  /// @requires {mixin} keyframes
26
26
  @mixin rotate-out-bl {
27
- @include keyframes (rotate-out-bl) {
27
+ @include keyframes(rotate-out-bl) {
28
28
  0% {
29
29
  transform: rotate(0);
30
30
  transform-origin: bottom left;
@@ -41,7 +41,7 @@
41
41
 
42
42
  /// @requires {mixin} keyframes
43
43
  @mixin rotate-out-diag-2 {
44
- @include keyframes (rotate-out-diag-2) {
44
+ @include keyframes(rotate-out-diag-2) {
45
45
  0% {
46
46
  transform: rotate3d(-1, 1, 0, 360deg);
47
47
  opacity: 1;
@@ -56,7 +56,7 @@
56
56
 
57
57
  /// @requires {mixin} keyframes
58
58
  @mixin rotate-out-top {
59
- @include keyframes (rotate-out-top) {
59
+ @include keyframes(rotate-out-top) {
60
60
  0% {
61
61
  transform: rotate(0);
62
62
  transform-origin: top;
@@ -73,7 +73,7 @@
73
73
 
74
74
  /// @requires {mixin} keyframes
75
75
  @mixin rotate-out-left {
76
- @include keyframes (rotate-out-left) {
76
+ @include keyframes(rotate-out-left) {
77
77
  0% {
78
78
  transform: rotate(0);
79
79
  transform-origin: left;
@@ -90,7 +90,7 @@
90
90
 
91
91
  /// @requires {mixin} keyframes
92
92
  @mixin rotate-out-tr {
93
- @include keyframes (rotate-out-tr) {
93
+ @include keyframes(rotate-out-tr) {
94
94
  0% {
95
95
  transform: rotate(0);
96
96
  transform-origin: top right;
@@ -107,7 +107,7 @@
107
107
 
108
108
  /// @requires {mixin} keyframes
109
109
  @mixin rotate-out-tl {
110
- @include keyframes (rotate-out-tl) {
110
+ @include keyframes(rotate-out-tl) {
111
111
  0% {
112
112
  transform: rotate(0);
113
113
  transform-origin: top left;
@@ -124,7 +124,7 @@
124
124
 
125
125
  /// @requires {mixin} keyframes
126
126
  @mixin rotate-out-right {
127
- @include keyframes (rotate-out-right) {
127
+ @include keyframes(rotate-out-right) {
128
128
  0% {
129
129
  transform: rotate(0);
130
130
  transform-origin: right;
@@ -141,7 +141,7 @@
141
141
 
142
142
  /// @requires {mixin} keyframes
143
143
  @mixin rotate-out-2-cw {
144
- @include keyframes (rotate-out-2-cw) {
144
+ @include keyframes(rotate-out-2-cw) {
145
145
  0% {
146
146
  transform: rotate(0);
147
147
  opacity: 1;
@@ -156,7 +156,7 @@
156
156
 
157
157
  /// @requires {mixin} keyframes
158
158
  @mixin rotate-out-2-ccw {
159
- @include keyframes (rotate-out-2-ccw) {
159
+ @include keyframes(rotate-out-2-ccw) {
160
160
  0% {
161
161
  transform: rotate(0);
162
162
  opacity: 1;
@@ -171,7 +171,7 @@
171
171
 
172
172
  /// @requires {mixin} keyframes
173
173
  @mixin rotate-out-2-bck {
174
- @include keyframes (rotate-out-2-bck) {
174
+ @include keyframes(rotate-out-2-bck) {
175
175
  0% {
176
176
  transform: translateZ(0) rotate(0);
177
177
  opacity: 1;
@@ -186,7 +186,7 @@
186
186
 
187
187
  /// @requires {mixin} keyframes
188
188
  @mixin rotate-out-2-fwd {
189
- @include keyframes (rotate-out-2-fwd) {
189
+ @include keyframes(rotate-out-2-fwd) {
190
190
  0% {
191
191
  transform: translateZ(0) rotate(0);
192
192
  opacity: 1;
@@ -201,7 +201,7 @@
201
201
 
202
202
  /// @requires {mixin} keyframes
203
203
  @mixin rotate-out-2-tr-cw {
204
- @include keyframes (rotate-out-2-tr-cw) {
204
+ @include keyframes(rotate-out-2-tr-cw) {
205
205
  0% {
206
206
  transform: rotate(0);
207
207
  transform-origin: 100% 0%;
@@ -218,7 +218,7 @@
218
218
 
219
219
  /// @requires {mixin} keyframes
220
220
  @mixin rotate-out-2-tr-ccw {
221
- @include keyframes (rotate-out-2-tr-ccw) {
221
+ @include keyframes(rotate-out-2-tr-ccw) {
222
222
  0% {
223
223
  transform: rotate(0);
224
224
  transform-origin: 100% 0%;
@@ -235,7 +235,7 @@
235
235
 
236
236
  /// @requires {mixin} keyframes
237
237
  @mixin rotate-out-2-br-cw {
238
- @include keyframes (rotate-out-2-br-cw) {
238
+ @include keyframes(rotate-out-2-br-cw) {
239
239
  0% {
240
240
  transform: rotate(0);
241
241
  transform-origin: 100% 100%;
@@ -252,7 +252,7 @@
252
252
 
253
253
  /// @requires {mixin} keyframes
254
254
  @mixin rotate-out-2-br-ccw {
255
- @include keyframes (rotate-out-2-br-ccw) {
255
+ @include keyframes(rotate-out-2-br-ccw) {
256
256
  0% {
257
257
  transform: rotate(0);
258
258
  transform-origin: 100% 100%;
@@ -269,7 +269,7 @@
269
269
 
270
270
  /// @requires {mixin} keyframes
271
271
  @mixin rotate-out-2-bl-cw {
272
- @include keyframes (rotate-out-2-bl-cw) {
272
+ @include keyframes(rotate-out-2-bl-cw) {
273
273
  0% {
274
274
  transform: rotate(0);
275
275
  transform-origin: 0 100%;
@@ -286,7 +286,7 @@
286
286
 
287
287
  /// @requires {mixin} keyframes
288
288
  @mixin rotate-out-2-bl-ccw {
289
- @include keyframes (rotate-out-2-bl-ccw) {
289
+ @include keyframes(rotate-out-2-bl-ccw) {
290
290
  0% {
291
291
  transform: rotate(0);
292
292
  transform-origin: 0 100%;
@@ -303,7 +303,7 @@
303
303
 
304
304
  /// @requires {mixin} keyframes
305
305
  @mixin rotate-out-2-tl-cw {
306
- @include keyframes (rotate-out-2-tl-cw) {
306
+ @include keyframes(rotate-out-2-tl-cw) {
307
307
  0% {
308
308
  transform: rotate(0);
309
309
  transform-origin: 0 0;
@@ -320,7 +320,7 @@
320
320
 
321
321
  /// @requires {mixin} keyframes
322
322
  @mixin rotate-out-2-tl-ccw {
323
- @include keyframes (rotate-out-2-tl-ccw) {
323
+ @include keyframes(rotate-out-2-tl-ccw) {
324
324
  0% {
325
325
  transform: rotate(0);
326
326
  transform-origin: 0 0;
@@ -337,7 +337,7 @@
337
337
 
338
338
  /// @requires {mixin} keyframes
339
339
  @mixin rotate-out-hor {
340
- @include keyframes (rotate-out-hor) {
340
+ @include keyframes(rotate-out-hor) {
341
341
  0% {
342
342
  transform: rotateX(360deg);
343
343
  opacity: 1;
@@ -352,7 +352,7 @@
352
352
 
353
353
  /// @requires {mixin} keyframes
354
354
  @mixin rotate-out-br {
355
- @include keyframes (rotate-out-br) {
355
+ @include keyframes(rotate-out-br) {
356
356
  0% {
357
357
  transform: rotate(0);
358
358
  transform-origin: bottom right;
@@ -369,7 +369,7 @@
369
369
 
370
370
  /// @requires {mixin} keyframes
371
371
  @mixin rotate-out-ver {
372
- @include keyframes (rotate-out-ver) {
372
+ @include keyframes(rotate-out-ver) {
373
373
  0% {
374
374
  transform: rotateY(360deg);
375
375
  opacity: 1;
@@ -384,7 +384,7 @@
384
384
 
385
385
  /// @requires {mixin} keyframes
386
386
  @mixin rotate-out-bottom {
387
- @include keyframes (rotate-out-bottom) {
387
+ @include keyframes(rotate-out-bottom) {
388
388
  0% {
389
389
  transform: rotate(0);
390
390
  transform-origin: bottom;
@@ -401,7 +401,7 @@
401
401
 
402
402
  /// @requires {mixin} keyframes
403
403
  @mixin rotate-out-diag-1 {
404
- @include keyframes (rotate-out-diag-1) {
404
+ @include keyframes(rotate-out-diag-1) {
405
405
  0% {
406
406
  transform: rotate3d(1, 1, 0, 360deg);
407
407
  opacity: 1;
package/sass/animations/exits/_scale.scss CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  /// @requires {mixin} keyframes
11
11
  @mixin scale-out-center {
12
- @include keyframes (scale-out-center) {
12
+ @include keyframes(scale-out-center) {
13
13
  0% {
14
14
  transform: scale(1);
15
15
  opacity: 1;
@@ -24,7 +24,7 @@
24
24
 
25
25
  /// @requires {mixin} keyframes
26
26
  @mixin scale-out-bl {
27
- @include keyframes (scale-out-bl) {
27
+ @include keyframes(scale-out-bl) {
28
28
  0% {
29
29
  transform: scale(1);
30
30
  transform-origin: 0% 100%;
@@ -41,7 +41,7 @@
41
41
 
42
42
  /// @requires {mixin} keyframes
43
43
  @mixin scale-out-vertical {
44
- @include keyframes (scale-out-vertical) {
44
+ @include keyframes(scale-out-vertical) {
45
45
  0% {
46
46
  transform: scaleY(1);
47
47
  opacity: 1;
@@ -56,7 +56,7 @@
56
56
 
57
57
  /// @requires {mixin} keyframes
58
58
  @mixin scale-out-top {
59
- @include keyframes (scale-out-top) {
59
+ @include keyframes(scale-out-top) {
60
60
  0% {
61
61
  transform: scale(1);
62
62
  transform-origin: 50% 0%;
@@ -73,7 +73,7 @@
73
73
 
74
74
  /// @requires {mixin} keyframes
75
75
  @mixin scale-out-left {
76
- @include keyframes (scale-out-left) {
76
+ @include keyframes(scale-out-left) {
77
77
  0% {
78
78
  transform: scale(1);
79
79
  transform-origin: 0% 50%;
@@ -90,7 +90,7 @@
90
90
 
91
91
  /// @requires {mixin} keyframes
92
92
  @mixin scale-out-ver-top {
93
- @include keyframes (scale-out-ver-top) {
93
+ @include keyframes(scale-out-ver-top) {
94
94
  0% {
95
95
  transform: scaleY(1);
96
96
  transform-origin: 100% 0%;
@@ -107,7 +107,7 @@
107
107
 
108
108
  /// @requires {mixin} keyframes
109
109
  @mixin scale-out-tr {
110
- @include keyframes (scale-out-tr) {
110
+ @include keyframes(scale-out-tr) {
111
111
  0% {
112
112
  transform: scale(1);
113
113
  transform-origin: 100% 0%;
@@ -124,7 +124,7 @@
124
124
 
125
125
  /// @requires {mixin} keyframes
126
126
  @mixin scale-out-tl {
127
- @include keyframes (scale-out-tl) {
127
+ @include keyframes(scale-out-tl) {
128
128
  0% {
129
129
  transform: scale(1);
130
130
  transform-origin: 0 0;
@@ -141,7 +141,7 @@
141
141
 
142
142
  /// @requires {mixin} keyframes
143
143
  @mixin scale-out-ver-bottom {
144
- @include keyframes (scale-out-ver-bottom) {
144
+ @include keyframes(scale-out-ver-bottom) {
145
145
  0% {
146
146
  transform: scaleY(1);
147
147
  transform-origin: 0% 100%;
@@ -158,7 +158,7 @@
158
158
 
159
159
  /// @requires {mixin} keyframes
160
160
  @mixin scale-out-right {
161
- @include keyframes (scale-out-right) {
161
+ @include keyframes(scale-out-right) {
162
162
  0% {
163
163
  transform: scale(1);
164
164
  transform-origin: 100% 50%;
@@ -175,7 +175,7 @@
175
175
 
176
176
  /// @requires {mixin} keyframes
177
177
  @mixin scale-out-horizontal {
178
- @include keyframes (scale-out-horizontal) {
178
+ @include keyframes(scale-out-horizontal) {
179
179
  0% {
180
180
  transform: scaleX(1);
181
181
  opacity: 1;
@@ -190,7 +190,7 @@
190
190
 
191
191
  /// @requires {mixin} keyframes
192
192
  @mixin scale-out-br {
193
- @include keyframes (scale-out-br) {
193
+ @include keyframes(scale-out-br) {
194
194
  0% {
195
195
  transform: scale(1);
196
196
  transform-origin: 100% 100%;
@@ -207,7 +207,7 @@
207
207
 
208
208
  /// @requires {mixin} keyframes
209
209
  @mixin scale-out-hor-left {
210
- @include keyframes (scale-out-hor-left) {
210
+ @include keyframes(scale-out-hor-left) {
211
211
  0% {
212
212
  transform: scaleX(1);
213
213
  transform-origin: 0 0;
@@ -224,7 +224,7 @@
224
224
 
225
225
  /// @requires {mixin} keyframes
226
226
  @mixin scale-out-bottom {
227
- @include keyframes (scale-out-bottom) {
227
+ @include keyframes(scale-out-bottom) {
228
228
  0% {
229
229
  transform: scale(1);
230
230
  transform-origin: 50% 100%;
@@ -241,7 +241,7 @@
241
241
 
242
242
  /// @requires {mixin} keyframes
243
243
  @mixin scale-out-hor-right {
244
- @include keyframes (scale-out-hor-right) {
244
+ @include keyframes(scale-out-hor-right) {
245
245
  0% {
246
246
  transform: scaleX(1);
247
247
  transform-origin: 100% 100%;
package/sass/animations/exits/_slide.scss CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  /// @requires {mixin} keyframes
11
11
  @mixin slide-out-top {
12
- @include keyframes (slide-out-top) {
12
+ @include keyframes(slide-out-top) {
13
13
  0% {
14
14
  transform: translateY(0);
15
15
  opacity: 1;
@@ -24,7 +24,7 @@
24
24
 
25
25
  /// @requires {mixin} keyframes
26
26
  @mixin slide-out-tr {
27
- @include keyframes (slide-out-tr) {
27
+ @include keyframes(slide-out-tr) {
28
28
  0% {
29
29
  transform: translateY(0) translateX(0);
30
30
  opacity: 1;
@@ -39,7 +39,7 @@
39
39
 
40
40
  /// @requires {mixin} keyframes
41
41
  @mixin slide-out-right {
42
- @include keyframes (slide-out-right) {
42
+ @include keyframes(slide-out-right) {
43
43
  0% {
44
44
  transform: translateX(0);
45
45
  opacity: 1;
@@ -54,7 +54,7 @@
54
54
 
55
55
  /// @requires {mixin} keyframes
56
56
  @mixin slide-out-br {
57
- @include keyframes (slide-out-br) {
57
+ @include keyframes(slide-out-br) {
58
58
  0% {
59
59
  transform: translateY(0) translateX(0);
60
60
  opacity: 1;
@@ -69,7 +69,7 @@
69
69
 
70
70
  /// @requires {mixin} keyframes
71
71
  @mixin slide-out-bottom {
72
- @include keyframes (slide-out-bottom) {
72
+ @include keyframes(slide-out-bottom) {
73
73
  0% {
74
74
  transform: translateY(0);
75
75
  opacity: 1;
@@ -84,7 +84,7 @@
84
84
 
85
85
  /// @requires {mixin} keyframes
86
86
  @mixin slide-out-bl {
87
- @include keyframes (slide-out-bl) {
87
+ @include keyframes(slide-out-bl) {
88
88
  0% {
89
89
  transform: translateY(0) translateX(0);
90
90
  opacity: 1;
@@ -99,7 +99,7 @@
99
99
 
100
100
  /// @requires {mixin} keyframes
101
101
  @mixin slide-out-left {
102
- @include keyframes (slide-out-left) {
102
+ @include keyframes(slide-out-left) {
103
103
  0% {
104
104
  transform: translateX(0);
105
105
  opacity: 1;
@@ -114,7 +114,7 @@
114
114
 
115
115
  /// @requires {mixin} keyframes
116
116
  @mixin slide-out-tl {
117
- @include keyframes (slide-out-tl) {
117
+ @include keyframes(slide-out-tl) {
118
118
  0% {
119
119
  transform: translateY(0) translateX(0);
120
120
  opacity: 1;
@@ -129,7 +129,7 @@
129
129
 
130
130
  /// @requires {mixin} keyframes
131
131
  @mixin slide-out-bck-center {
132
- @include keyframes (slide-out-bck-center) {
132
+ @include keyframes(slide-out-bck-center) {
133
133
  0% {
134
134
  transform: translateZ(0);
135
135
  opacity: 1;
@@ -144,7 +144,7 @@
144
144
 
145
145
  /// @requires {mixin} keyframes
146
146
  @mixin slide-out-bck-top {
147
- @include keyframes (slide-out-bck-top) {
147
+ @include keyframes(slide-out-bck-top) {
148
148
  0% {
149
149
  transform: translateZ(1) translateY(0);
150
150
  opacity: 1;
@@ -159,7 +159,7 @@
159
159
 
160
160
  /// @requires {mixin} keyframes
161
161
  @mixin slide-out-bck-tr {
162
- @include keyframes (slide-out-bck-tr) {
162
+ @include keyframes(slide-out-bck-tr) {
163
163
  0% {
164
164
  transform: translateZ(0) translateY(0) translateX(0);
165
165
  opacity: 1;
@@ -174,7 +174,7 @@
174
174
 
175
175
  /// @requires {mixin} keyframes
176
176
  @mixin slide-out-bck-right {
177
- @include keyframes (slide-out-bck-right) {
177
+ @include keyframes(slide-out-bck-right) {
178
178
  0% {
179
179
  transform: translateZ(0) translateX(0);
180
180
  opacity: 1;
@@ -189,7 +189,7 @@
189
189
 
190
190
  /// @requires {mixin} keyframes
191
191
  @mixin slide-out-bck-br {
192
- @include keyframes (slide-out-bck-br) {
192
+ @include keyframes(slide-out-bck-br) {
193
193
  0% {
194
194
  transform: translateZ(0) translateY(0) translateX(0);
195
195
  opacity: 1;
@@ -204,7 +204,7 @@
204
204
 
205
205
  /// @requires {mixin} keyframes
206
206
  @mixin slide-out-bck-bottom {
207
- @include keyframes (slide-out-bck-bottom) {
207
+ @include keyframes(slide-out-bck-bottom) {
208
208
  0% {
209
209
  transform: translateZ(0) translateY(0);
210
210
  opacity: 1;
@@ -219,7 +219,7 @@
219
219
 
220
220
  /// @requires {mixin} keyframes
221
221
  @mixin slide-out-bck-bl {
222
- @include keyframes (slide-out-bck-bl) {
222
+ @include keyframes(slide-out-bck-bl) {
223
223
  0% {
224
224
  transform: translateZ(0) translateY(0) translateX(0);
225
225
  opacity: 1;
@@ -234,7 +234,7 @@
234
234
 
235
235
  /// @requires {mixin} keyframes
236
236
  @mixin slide-out-bck-left {
237
- @include keyframes (slide-out-bck-left) {
237
+ @include keyframes(slide-out-bck-left) {
238
238
  0% {
239
239
  transform: translateZ(0) translateX(0);
240
240
  opacity: 1;
@@ -249,7 +249,7 @@
249
249
 
250
250
  /// @requires {mixin} keyframes
251
251
  @mixin slide-out-bck-tl {
252
- @include keyframes (slide-out-bck-tl) {
252
+ @include keyframes(slide-out-bck-tl) {
253
253
  0% {
254
254
  transform: translateZ(0) translateY(0) translateX(0);
255
255
  opacity: 1;
@@ -264,7 +264,7 @@
264
264
 
265
265
  /// @requires {mixin} keyframes
266
266
  @mixin slide-out-fwd-center {
267
- @include keyframes (slide-out-fwd-center) {
267
+ @include keyframes(slide-out-fwd-center) {
268
268
  0% {
269
269
  transform: translateZ(1);
270
270
  opacity: 1;
@@ -279,7 +279,7 @@
279
279
 
280
280
  /// @requires {mixin} keyframes
281
281
  @mixin slide-out-fwd-bl {
282
- @include keyframes (slide-out-fwd-bl) {
282
+ @include keyframes(slide-out-fwd-bl) {
283
283
  0% {
284
284
  transform: translateZ(0) translateY(0) translateX(0);
285
285
  opacity: 1;
@@ -294,7 +294,7 @@
294
294
 
295
295
  /// @requires {mixin} keyframes
296
296
  @mixin slide-out-fwd-top {
297
- @include keyframes (slide-out-fwd-top) {
297
+ @include keyframes(slide-out-fwd-top) {
298
298
  0% {
299
299
  transform: translateZ(1) translateY(0);
300
300
  opacity: 1;
@@ -309,7 +309,7 @@
309
309
 
310
310
  /// @requires {mixin} keyframes
311
311
  @mixin slide-out-fwd-left {
312
- @include keyframes (slide-out-fwd-left) {
312
+ @include keyframes(slide-out-fwd-left) {
313
313
  0% {
314
314
  transform: translateZ(0) translateX(0);
315
315
  opacity: 1;
@@ -324,7 +324,7 @@
324
324
 
325
325
  /// @requires {mixin} keyframes
326
326
  @mixin slide-out-fwd-tr {
327
- @include keyframes (slide-out-fwd-tr) {
327
+ @include keyframes(slide-out-fwd-tr) {
328
328
  0% {
329
329
  transform: translateZ(0) translateY(0) translateX(0);
330
330
  opacity: 1;
@@ -339,7 +339,7 @@
339
339
 
340
340
  /// @requires {mixin} keyframes
341
341
  @mixin slide-out-fwd-tl {
342
- @include keyframes (slide-out-fwd-tl) {
342
+ @include keyframes(slide-out-fwd-tl) {
343
343
  0% {
344
344
  transform: translateZ(0) translateY(0) translateX(0);
345
345
  opacity: 1;
@@ -354,7 +354,7 @@
354
354
 
355
355
  /// @requires {mixin} keyframes
356
356
  @mixin slide-out-fwd-right {
357
- @include keyframes (slide-out-fwd-right) {
357
+ @include keyframes(slide-out-fwd-right) {
358
358
  0% {
359
359
  transform: translateZ(0) translateX(0);
360
360
  opacity: 1;
@@ -369,7 +369,7 @@
369
369
 
370
370
  /// @requires {mixin} keyframes
371
371
  @mixin slide-out-fwd-br {
372
- @include keyframes (slide-out-fwd-br) {
372
+ @include keyframes(slide-out-fwd-br) {
373
373
  0% {
374
374
  transform: translateZ(0) translateY(0) translateX(0);
375
375
  opacity: 1;
@@ -384,7 +384,7 @@
384
384
 
385
385
  /// @requires {mixin} keyframes
386
386
  @mixin slide-out-fwd-bottom {
387
- @include keyframes (slide-out-fwd-bottom) {
387
+ @include keyframes(slide-out-fwd-bottom) {
388
388
  0% {
389
389
  transform: translateZ(0) translateY(0);
390
390
  opacity: 1;
@@ -399,7 +399,7 @@
399
399
 
400
400
  /// @requires {mixin} keyframes
401
401
  @mixin slide-out-elliptic-top-bck {
402
- @include keyframes (slide-out-elliptic-top-bck) {
402
+ @include keyframes(slide-out-elliptic-top-bck) {
403
403
  0% {
404
404
  transform: translateY(0) rotateX(0) scale(1);
405
405
  transform-origin: 50% 1400px;
@@ -416,7 +416,7 @@
416
416
 
417
417
  /// @requires {mixin} keyframes
418
418
  @mixin slide-out-elliptic-top-fwd {
419
- @include keyframes (slide-out-elliptic-top-fwd) {
419
+ @include keyframes(slide-out-elliptic-top-fwd) {
420
420
  0% {
421
421
  transform: translateY(0) rotateX(0) scale(1);
422
422
  transform-origin: 50% -500px;
@@ -433,7 +433,7 @@
433
433
 
434
434
  /// @requires {mixin} keyframes
435
435
  @mixin slide-out-elliptic-right-bck {
436
- @include keyframes (slide-out-elliptic-right-bck) {
436
+ @include keyframes(slide-out-elliptic-right-bck) {
437
437
  0% {
438
438
  transform: translateX(0) rotateY(0) scale(1);
439
439
  transform-origin: -1800px 50%;
@@ -450,7 +450,7 @@
450
450
 
451
451
  /// @requires {mixin} keyframes
452
452
  @mixin slide-out-elliptic-right-fwd {
453
- @include keyframes (slide-out-elliptic-right-fwd) {
453
+ @include keyframes(slide-out-elliptic-right-fwd) {
454
454
  0% {
455
455
  transform: translateX(0) rotateY(0) scale(1);
456
456
  transform-origin: 600px 50%;
@@ -467,7 +467,7 @@
467
467
 
468
468
  /// @requires {mixin} keyframes
469
469
  @mixin slide-out-elliptic-bottom-bck {
470
- @include keyframes (slide-out-elliptic-bottom-bck) {
470
+ @include keyframes(slide-out-elliptic-bottom-bck) {
471
471
  0% {
472
472
  transform: translateY(0) rotateX(0) scale(1);
473
473
  transform-origin: 50% -1400px;
@@ -484,7 +484,7 @@
484
484
 
485
485
  /// @requires {mixin} keyframes
486
486
  @mixin slide-out-elliptic-bottom-fwd {
487
- @include keyframes (slide-out-elliptic-bottom-fwd) {
487
+ @include keyframes(slide-out-elliptic-bottom-fwd) {
488
488
  0% {
489
489
  transform: translateY(0) rotateX(0) scale(1);
490
490
  transform-origin: 50% 500px;
@@ -501,7 +501,7 @@
501
501
 
502
502
  /// @requires {mixin} keyframes
503
503
  @mixin slide-out-elliptic-left-bck {
504
- @include keyframes (slide-out-elliptic-left-bck) {
504
+ @include keyframes(slide-out-elliptic-left-bck) {
505
505
  0% {
506
506
  transform: translateX(0) rotateY(0) scale(1);
507
507
  transform-origin: 2000px 50%;
@@ -518,7 +518,7 @@
518
518
 
519
519
  /// @requires {mixin} keyframes
520
520
  @mixin slide-out-elliptic-left-fwd {
521
- @include keyframes (slide-out-elliptic-left-fwd) {
521
+ @include keyframes(slide-out-elliptic-left-fwd) {
522
522
  0% {
523
523
  transform: translateX(0) rotateY(0) scale(1);
524
524
  transform-origin: -500px 50%;
package/sass/animations/exits/_slit.scss CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  /// @requires {mixin} keyframes
11
11
  @mixin slit-out-vertical {
12
- @include keyframes (slit-out-vertical) {
12
+ @include keyframes(slit-out-vertical) {
13
13
  0% {
14
14
  transform: translateZ(0) rotateY(0);
15
15
  opacity: 1;
@@ -29,7 +29,7 @@
29
29
 
30
30
  /// @requires {mixin} keyframes
31
31
  @mixin slit-out-horizontal {
32
- @include keyframes (slit-out-horizontal) {
32
+ @include keyframes(slit-out-horizontal) {
33
33
  0% {
34
34
  transform: translateZ(0) rotateX(0);
35
35
  opacity: 1;
@@ -49,7 +49,7 @@
49
49
 
50
50
  /// @requires {mixin} keyframes
51
51
  @mixin slit-out-diagonal-1 {
52
- @include keyframes (slit-out-diagonal-1) {
52
+ @include keyframes(slit-out-diagonal-1) {
53
53
  0% {
54
54
  transform: translateZ(0) rotate3d(1, 1, 0, 0);
55
55
  opacity: 1;
@@ -69,7 +69,7 @@
69
69
 
70
70
  /// @requires {mixin} keyframes
71
71
  @mixin slit-out-diagonal-2 {
72
- @include keyframes (slit-out-diagonal-2) {
72
+ @include keyframes(slit-out-diagonal-2) {
73
73
  0% {
74
74
  transform: translateZ(0) rotate3d(-1, 1, 0, 0);
75
75
  opacity: 1;