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/_swing.scss CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  /// @requires {mixin} keyframes
11
11
  @mixin swing-out-top-bck {
12
- @include keyframes (swing-out-top-bck) {
12
+ @include keyframes(swing-out-top-bck) {
13
13
  0% {
14
14
  transform: rotateX(0deg);
15
15
  transform-origin: top;
@@ -26,7 +26,7 @@
26
26
 
27
27
  /// @requires {mixin} keyframes
28
28
  @mixin swing-out-top-fwd {
29
- @include keyframes (swing-out-top-fwd) {
29
+ @include keyframes(swing-out-top-fwd) {
30
30
  0% {
31
31
  transform: rotateX(0deg);
32
32
  transform-origin: top;
@@ -43,7 +43,7 @@
43
43
 
44
44
  /// @requires {mixin} keyframes
45
45
  @mixin swing-out-right-bck {
46
- @include keyframes (swing-out-right-bck) {
46
+ @include keyframes(swing-out-right-bck) {
47
47
  0% {
48
48
  transform: rotateY(0);
49
49
  transform-origin: right;
@@ -60,7 +60,7 @@
60
60
 
61
61
  /// @requires {mixin} keyframes
62
62
  @mixin swing-out-right-fwd {
63
- @include keyframes (swing-out-right-fwd) {
63
+ @include keyframes(swing-out-right-fwd) {
64
64
  0% {
65
65
  transform: rotateY(0);
66
66
  transform-origin: right;
@@ -77,7 +77,7 @@
77
77
 
78
78
  /// @requires {mixin} keyframes
79
79
  @mixin swing-out-bottom-bck {
80
- @include keyframes (swing-out-bottom-bck) {
80
+ @include keyframes(swing-out-bottom-bck) {
81
81
  0% {
82
82
  transform: rotateX(0);
83
83
  transform-origin: bottom;
@@ -94,7 +94,7 @@
94
94
 
95
95
  /// @requires {mixin} keyframes
96
96
  @mixin swing-out-bottom-fwd {
97
- @include keyframes (swing-out-bottom-fwd) {
97
+ @include keyframes(swing-out-bottom-fwd) {
98
98
  0% {
99
99
  transform: rotateX(0);
100
100
  transform-origin: bottom;
@@ -111,7 +111,7 @@
111
111
 
112
112
  /// @requires {mixin} keyframes
113
113
  @mixin swing-out-left-bck {
114
- @include keyframes (swing-out-left-bck) {
114
+ @include keyframes(swing-out-left-bck) {
115
115
  0% {
116
116
  transform: rotateY(0);
117
117
  transform-origin: left;
@@ -128,7 +128,7 @@
128
128
 
129
129
  /// @requires {mixin} keyframes
130
130
  @mixin swing-out-left-fwd {
131
- @include keyframes (swing-out-left-fwd) {
131
+ @include keyframes(swing-out-left-fwd) {
132
132
  0% {
133
133
  transform: rotateY(0);
134
134
  transform-origin: left;
package/sass/animations/exits/_swirl.scss CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  /// @requires {mixin} keyframes
11
11
  @mixin swirl-out-bck {
12
- @include keyframes (swirl-out-bck) {
12
+ @include keyframes(swirl-out-bck) {
13
13
  0% {
14
14
  transform: rotate(0) scale(1);
15
15
  opacity: 1;
@@ -24,7 +24,7 @@
24
24
 
25
25
  /// @requires {mixin} keyframes
26
26
  @mixin swirl-out-right-bck {
27
- @include keyframes (swirl-out-right-bck) {
27
+ @include keyframes(swirl-out-right-bck) {
28
28
  0% {
29
29
  transform: rotate(0) scale(1);
30
30
  transform-origin: 100% 50%;
@@ -41,7 +41,7 @@
41
41
 
42
42
  /// @requires {mixin} keyframes
43
43
  @mixin swirl-out-bl-bck {
44
- @include keyframes (swirl-out-bl-bck) {
44
+ @include keyframes(swirl-out-bl-bck) {
45
45
  0% {
46
46
  transform: rotate(0) scale(1);
47
47
  transform-origin: 0 100%;
@@ -58,7 +58,7 @@
58
58
 
59
59
  /// @requires {mixin} keyframes
60
60
  @mixin swirl-out-fwd {
61
- @include keyframes (swirl-out-fwd) {
61
+ @include keyframes(swirl-out-fwd) {
62
62
  0% {
63
63
  transform: rotate(0) scale(1);
64
64
  opacity: 1;
@@ -73,7 +73,7 @@
73
73
 
74
74
  /// @requires {mixin} keyframes
75
75
  @mixin swirl-out-right-fwd {
76
- @include keyframes (swirl-out-right-fwd) {
76
+ @include keyframes(swirl-out-right-fwd) {
77
77
  0% {
78
78
  transform: rotate(0) scale(1);
79
79
  transform-origin: 100% 50%;
@@ -90,7 +90,7 @@
90
90
 
91
91
  /// @requires {mixin} keyframes
92
92
  @mixin swirl-out-bl-fwd {
93
- @include keyframes (swirl-out-bl-fwd) {
93
+ @include keyframes(swirl-out-bl-fwd) {
94
94
  0% {
95
95
  transform: rotate(0) scale(1);
96
96
  transform-origin: 0 100%;
@@ -107,7 +107,7 @@
107
107
 
108
108
  /// @requires {mixin} keyframes
109
109
  @mixin swirl-out-top-bck {
110
- @include keyframes (swirl-out-top-bck) {
110
+ @include keyframes(swirl-out-top-bck) {
111
111
  0% {
112
112
  transform: rotate(0) scale(1);
113
113
  transform-origin: 50% 0%;
@@ -124,7 +124,7 @@
124
124
 
125
125
  /// @requires {mixin} keyframes
126
126
  @mixin swirl-out-br-bck {
127
- @include keyframes (swirl-out-br-bck) {
127
+ @include keyframes(swirl-out-br-bck) {
128
128
  0% {
129
129
  transform: rotate(0) scale(1);
130
130
  transform-origin: 100% 100%;
@@ -141,7 +141,7 @@
141
141
 
142
142
  /// @requires {mixin} keyframes
143
143
  @mixin swirl-out-left-bck {
144
- @include keyframes (swirl-out-left-bck) {
144
+ @include keyframes(swirl-out-left-bck) {
145
145
  0% {
146
146
  transform: rotate(0) scale(1);
147
147
  transform-origin: 0 50%;
@@ -158,7 +158,7 @@
158
158
 
159
159
  /// @requires {mixin} keyframes
160
160
  @mixin swirl-out-top-fwd {
161
- @include keyframes (swirl-out-top-fwd) {
161
+ @include keyframes(swirl-out-top-fwd) {
162
162
  0% {
163
163
  transform: rotate(0) scale(1);
164
164
  transform-origin: 50% 0%;
@@ -175,7 +175,7 @@
175
175
 
176
176
  /// @requires {mixin} keyframes
177
177
  @mixin swirl-out-br-fwd {
178
- @include keyframes (swirl-out-br-fwd) {
178
+ @include keyframes(swirl-out-br-fwd) {
179
179
  0% {
180
180
  transform: rotate(0) scale(1);
181
181
  transform-origin: 100% 100%;
@@ -192,7 +192,7 @@
192
192
 
193
193
  /// @requires {mixin} keyframes
194
194
  @mixin swirl-out-left-fwd {
195
- @include keyframes (swirl-out-left-fwd) {
195
+ @include keyframes(swirl-out-left-fwd) {
196
196
  0% {
197
197
  transform: rotate(0) scale(1);
198
198
  transform-origin: 0 50%;
@@ -209,7 +209,7 @@
209
209
 
210
210
  /// @requires {mixin} keyframes
211
211
  @mixin swirl-out-tr-bck {
212
- @include keyframes (swirl-out-tr-bck) {
212
+ @include keyframes(swirl-out-tr-bck) {
213
213
  0% {
214
214
  transform: rotate(0) scale(1);
215
215
  transform-origin: 100% 0%;
@@ -226,7 +226,7 @@
226
226
 
227
227
  /// @requires {mixin} keyframes
228
228
  @mixin swirl-out-bottom-bck {
229
- @include keyframes (swirl-out-bottom-bck) {
229
+ @include keyframes(swirl-out-bottom-bck) {
230
230
  0% {
231
231
  transform: rotate(0) scale(1);
232
232
  transform-origin: 50% 100%;
@@ -243,7 +243,7 @@
243
243
 
244
244
  /// @requires {mixin} keyframes
245
245
  @mixin swirl-out-tl-bck {
246
- @include keyframes (swirl-out-tl-bck) {
246
+ @include keyframes(swirl-out-tl-bck) {
247
247
  0% {
248
248
  transform: rotate(0) scale(1);
249
249
  transform-origin: 0 0;
@@ -260,7 +260,7 @@
260
260
 
261
261
  /// @requires {mixin} keyframes
262
262
  @mixin swirl-out-tr-fwd {
263
- @include keyframes (swirl-out-tr-fwd) {
263
+ @include keyframes(swirl-out-tr-fwd) {
264
264
  0% {
265
265
  transform: rotate(0) scale(1);
266
266
  transform-origin: 100% 0%;
@@ -277,7 +277,7 @@
277
277
 
278
278
  /// @requires {mixin} keyframes
279
279
  @mixin swirl-out-bottom-fwd {
280
- @include keyframes (swirl-out-bottom-fwd) {
280
+ @include keyframes(swirl-out-bottom-fwd) {
281
281
  0% {
282
282
  transform: rotate(0) scale(1);
283
283
  transform-origin: 50% 100%;
@@ -294,7 +294,7 @@
294
294
 
295
295
  /// @requires {mixin} keyframes
296
296
  @mixin swirl-out-tl-fwd {
297
- @include keyframes (swirl-out-tl-fwd) {
297
+ @include keyframes(swirl-out-tl-fwd) {
298
298
  0% {
299
299
  transform: rotate(0) scale(1);
300
300
  transform-origin: 0 0;
package/sass/animations/generic/_flip.scss CHANGED
@@ -497,7 +497,7 @@
497
497
  }
498
498
 
499
499
  50% {
500
- transform: scale(.4) rotateX(90deg);
500
+ transform: scale(0.4) rotateX(90deg);
501
501
  }
502
502
 
503
503
  100% {
@@ -514,7 +514,7 @@
514
514
  }
515
515
 
516
516
  50% {
517
- transform: scale(.4) rotate3d(-1, 1, 0, -90deg);
517
+ transform: scale(0.4) rotate3d(-1, 1, 0, -90deg);
518
518
  }
519
519
 
520
520
  100% {
@@ -548,7 +548,7 @@
548
548
  }
549
549
 
550
550
  50% {
551
- transform: scale(.4) rotateY(-90deg);
551
+ transform: scale(0.4) rotateY(-90deg);
552
552
  }
553
553
 
554
554
  100% {
@@ -582,7 +582,7 @@
582
582
  }
583
583
 
584
584
  50% {
585
- transform: scale(.4) rotate3d(1, 1, 0, -90deg);
585
+ transform: scale(0.4) rotate3d(1, 1, 0, -90deg);
586
586
  }
587
587
 
588
588
  100% {
package/sass/animations/generic/_rotate.scss CHANGED
@@ -195,7 +195,7 @@
195
195
  }
196
196
 
197
197
  50% {
198
- transform: scale(.5) rotateZ(180deg);
198
+ transform: scale(0.5) rotateZ(180deg);
199
199
  }
200
200
 
201
201
  100% {
@@ -212,7 +212,7 @@
212
212
  }
213
213
 
214
214
  50% {
215
- transform: scale(.5) rotate3d(1, 1, 0, -180deg);
215
+ transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
216
216
  }
217
217
 
218
218
  100% {
@@ -263,7 +263,7 @@
263
263
  }
264
264
 
265
265
  50% {
266
- transform: scale(.5) rotateX(-180deg);
266
+ transform: scale(0.5) rotateX(-180deg);
267
267
  }
268
268
 
269
269
  100% {
@@ -280,7 +280,7 @@
280
280
  }
281
281
 
282
282
  50% {
283
- transform: scale(.5) rotate3d(-1, 1, 0, 180deg);
283
+ transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
284
284
  }
285
285
 
286
286
  100% {
@@ -314,7 +314,7 @@
314
314
  }
315
315
 
316
316
  50% {
317
- transform: scale(.5) rotateY(180deg);
317
+ transform: scale(0.5) rotateY(180deg);
318
318
  }
319
319
 
320
320
  100% {
package/sass/animations/generic/_scale.scss CHANGED
@@ -11,7 +11,7 @@
11
11
  @mixin scale-up-center {
12
12
  @include keyframes(scale-up-center) {
13
13
  0% {
14
- transform: scale(.5);
14
+ transform: scale(0.5);
15
15
  }
16
16
 
17
17
  100% {
@@ -24,7 +24,7 @@
24
24
  @mixin scale-up-bl {
25
25
  @include keyframes(scale-up-bl) {
26
26
  0% {
27
- transform: scale(.5);
27
+ transform: scale(0.5);
28
28
  transform-origin: 0% 100%;
29
29
  }
30
30
 
@@ -39,7 +39,7 @@
39
39
  @mixin scale-up-ver-center {
40
40
  @include keyframes(scale-up-ver-center) {
41
41
  0% {
42
- transform: scaleY(.4);
42
+ transform: scaleY(0.4);
43
43
  }
44
44
 
45
45
  100% {
@@ -52,7 +52,7 @@
52
52
  @mixin scale-up-top {
53
53
  @include keyframes(scale-up-top) {
54
54
  0% {
55
- transform: scale(.5);
55
+ transform: scale(0.5);
56
56
  transform-origin: 50% 0%;
57
57
  }
58
58
 
@@ -67,7 +67,7 @@
67
67
  @mixin scale-up-left {
68
68
  @include keyframes(scale-up-left) {
69
69
  0% {
70
- transform: scale(.5);
70
+ transform: scale(0.5);
71
71
  transform-origin: 0% 50%;
72
72
  }
73
73
 
@@ -82,7 +82,7 @@
82
82
  @mixin scale-up-ver-top {
83
83
  @include keyframes(scale-up-ver-top) {
84
84
  0% {
85
- transform: scaleY(.4);
85
+ transform: scaleY(0.4);
86
86
  transform-origin: 100% 0%;
87
87
  }
88
88
 
@@ -97,7 +97,7 @@
97
97
  @mixin scale-up-tr {
98
98
  @include keyframes(scale-up-tr) {
99
99
  0% {
100
- transform: scale(.5);
100
+ transform: scale(0.5);
101
101
  transform-origin: 100% 0%;
102
102
  }
103
103
 
@@ -112,7 +112,7 @@
112
112
  @mixin scale-up-tl {
113
113
  @include keyframes(scale-up-tl) {
114
114
  0% {
115
- transform: scale(.5);
115
+ transform: scale(0.5);
116
116
  transform-origin: 0% 0%;
117
117
  }
118
118
 
@@ -127,7 +127,7 @@
127
127
  @mixin scale-up-ver-bottom {
128
128
  @include keyframes(scale-up-ver-bottom) {
129
129
  0% {
130
- transform: scaleY(.4);
130
+ transform: scaleY(0.4);
131
131
  transform-origin: 0% 100%;
132
132
  }
133
133
 
@@ -142,7 +142,7 @@
142
142
  @mixin scale-up-right {
143
143
  @include keyframes(scale-up-right) {
144
144
  0% {
145
- transform: scale(.5);
145
+ transform: scale(0.5);
146
146
  transform-origin: 100% 50%;
147
147
  }
148
148
 
@@ -157,7 +157,7 @@
157
157
  @mixin scale-up-hor-center {
158
158
  @include keyframes(scale-up-hor-center) {
159
159
  0% {
160
- transform: scaleX(.4);
160
+ transform: scaleX(0.4);
161
161
  }
162
162
 
163
163
  100% {
@@ -170,7 +170,7 @@
170
170
  @mixin scale-up-br {
171
171
  @include keyframes(scale-up-br) {
172
172
  0% {
173
- transform: scale(.5);
173
+ transform: scale(0.5);
174
174
  transform-origin: 100% 100%;
175
175
  }
176
176
 
@@ -185,7 +185,7 @@
185
185
  @mixin scale-up-hor-left {
186
186
  @include keyframes(scale-up-hor-left) {
187
187
  0% {
188
- transform: scaleX(.4);
188
+ transform: scaleX(0.4);
189
189
  transform-origin: 0% 0%;
190
190
  }
191
191
 
@@ -200,7 +200,7 @@
200
200
  @mixin scale-up-bottom {
201
201
  @include keyframes(scale-up-bottom) {
202
202
  0% {
203
- transform: scale(.5);
203
+ transform: scale(0.5);
204
204
  transform-origin: 50% 100%;
205
205
  }
206
206
 
@@ -215,7 +215,7 @@
215
215
  @mixin scale-up-hor-right {
216
216
  @include keyframes(scale-up-hor-right) {
217
217
  0% {
218
- transform: scaleX(.4);
218
+ transform: scaleX(0.4);
219
219
  transform-origin: 100% 100%;
220
220
  }
221
221
 
@@ -234,7 +234,7 @@
234
234
  }
235
235
 
236
236
  100% {
237
- transform: scale(.5);
237
+ transform: scale(0.5);
238
238
  }
239
239
  }
240
240
  }
@@ -248,7 +248,7 @@
248
248
  }
249
249
 
250
250
  100% {
251
- transform: scale(.5);
251
+ transform: scale(0.5);
252
252
  transform-origin: 0% 100%;
253
253
  }
254
254
  }
@@ -262,7 +262,7 @@
262
262
  }
263
263
 
264
264
  100% {
265
- transform: scaleY(.3);
265
+ transform: scaleY(0.3);
266
266
  }
267
267
  }
268
268
  }
@@ -276,7 +276,7 @@
276
276
  }
277
277
 
278
278
  100% {
279
- transform: scale(.5);
279
+ transform: scale(0.5);
280
280
  transform-origin: 50% 0%;
281
281
  }
282
282
  }
@@ -291,7 +291,7 @@
291
291
  }
292
292
 
293
293
  100% {
294
- transform: scale(.5);
294
+ transform: scale(0.5);
295
295
  transform-origin: 0% 50%;
296
296
  }
297
297
  }
@@ -306,7 +306,7 @@
306
306
  }
307
307
 
308
308
  100% {
309
- transform: scaleY(.3);
309
+ transform: scaleY(0.3);
310
310
  transform-origin: 100% 0%;
311
311
  }
312
312
  }
@@ -321,7 +321,7 @@
321
321
  }
322
322
 
323
323
  100% {
324
- transform: scale(.5);
324
+ transform: scale(0.5);
325
325
  transform-origin: 100% 0%;
326
326
  }
327
327
  }
@@ -336,7 +336,7 @@
336
336
  }
337
337
 
338
338
  100% {
339
- transform: scale(.5);
339
+ transform: scale(0.5);
340
340
  transform-origin: 0% 0%;
341
341
  }
342
342
  }
@@ -351,7 +351,7 @@
351
351
  }
352
352
 
353
353
  100% {
354
- transform: scaleY(.3);
354
+ transform: scaleY(0.3);
355
355
  transform-origin: 0% 100%;
356
356
  }
357
357
  }
@@ -366,7 +366,7 @@
366
366
  }
367
367
 
368
368
  100% {
369
- transform: scale(.5);
369
+ transform: scale(0.5);
370
370
  transform-origin: 100% 50%;
371
371
  }
372
372
  }
@@ -380,7 +380,7 @@
380
380
  }
381
381
 
382
382
  100% {
383
- transform: scaleX(.3);
383
+ transform: scaleX(0.3);
384
384
  }
385
385
  }
386
386
  }
@@ -394,7 +394,7 @@
394
394
  }
395
395
 
396
396
  100% {
397
- transform: scale(.5);
397
+ transform: scale(0.5);
398
398
  transform-origin: 100% 100%;
399
399
  }
400
400
  }
@@ -409,7 +409,7 @@
409
409
  }
410
410
 
411
411
  100% {
412
- transform: scaleX(.3);
412
+ transform: scaleX(0.3);
413
413
  transform-origin: 0% 0%;
414
414
  }
415
415
  }
@@ -424,7 +424,7 @@
424
424
  }
425
425
 
426
426
  100% {
427
- transform: scale(.5);
427
+ transform: scale(0.5);
428
428
  transform-origin: 50% 100%;
429
429
  }
430
430
  }
@@ -439,7 +439,7 @@
439
439
  }
440
440
 
441
441
  100% {
442
- transform: scaleX(.3);
442
+ transform: scaleX(0.3);
443
443
  transform-origin: 100% 100%;
444
444
  }
445
445
  }
@@ -448,7 +448,7 @@
448
448
  /// @param {number} $start-scale [.5] - The scale to start the animation from.
449
449
  /// @param {number} $end-scale [1] - The scale to end the animation at.
450
450
  /// @requires {mixin} keyframes
451
- @mixin scale-in-out($start-scale: .5, $end-scale: 1) {
451
+ @mixin scale-in-out($start-scale: 0.5, $end-scale: 1) {
452
452
  @include keyframes(scale-in-out) {
453
453
  50% {
454
454
  transform: scale($start-scale);
package/sass/animations/generic/_shadows.scss CHANGED
@@ -319,28 +319,14 @@
319
319
  @mixin shadow-pop-tr {
320
320
  @include keyframes(shadow-pop-tr) {
321
321
  0% {
322
- box-shadow:
323
- 0 0 #3e3e3e,
324
- 0 0 #3e3e3e,
325
- 0 0 #3e3e3e,
326
- 0 0 #3e3e3e,
327
- 0 0 #3e3e3e,
328
- 0 0 #3e3e3e,
329
- 0 0 #3e3e3e,
322
+ box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e,
330
323
  0 0 #3e3e3e;
331
324
  transform: translateX(0) translateY(0);
332
325
  }
333
326
 
334
327
  100% {
335
- box-shadow:
336
- 1px -1px #3e3e3e,
337
- 2px -2px #3e3e3e,
338
- 3px -3px #3e3e3e,
339
- 4px -4px #3e3e3e,
340
- 5px -5px #3e3e3e,
341
- 6px -6px #3e3e3e,
342
- 7px -7px #3e3e3e,
343
- 8px -8px #3e3e3e;
328
+ box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e,
329
+ 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
344
330
  transform: translateX(-8px) translateY(8px);
345
331
  }
346
332
  }
@@ -350,28 +336,14 @@
350
336
  @mixin shadow-pop-br {
351
337
  @include keyframes(shadow-pop-br) {
352
338
  0% {
353
- box-shadow:
354
- 0 0 #3e3e3e,
355
- 0 0 #3e3e3e,
356
- 0 0 #3e3e3e,
357
- 0 0 #3e3e3e,
358
- 0 0 #3e3e3e,
359
- 0 0 #3e3e3e,
360
- 0 0 #3e3e3e,
339
+ box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e,
361
340
  0 0 #3e3e3e;
362
341
  transform: translateX(0) translateY(0);
363
342
  }
364
343
 
365
344
  100% {
366
- box-shadow:
367
- 1px 1px #3e3e3e,
368
- 2px 2px #3e3e3e,
369
- 3px 3px #3e3e3e,
370
- 4px 4px #3e3e3e,
371
- 5px 5px #3e3e3e,
372
- 6px 6px #3e3e3e,
373
- 7px 7px #3e3e3e,
374
- 8px 8px #3e3e3e;
345
+ box-shadow: 1px 1px #3e3e3e, 2px 2px #3e3e3e, 3px 3px #3e3e3e, 4px 4px #3e3e3e, 5px 5px #3e3e3e,
346
+ 6px 6px #3e3e3e, 7px 7px #3e3e3e, 8px 8px #3e3e3e;
375
347
  transform: translateX(-8px) translateY(-8px);
376
348
  }
377
349
  }
@@ -381,28 +353,14 @@
381
353
  @mixin shadow-pop-bl {
382
354
  @include keyframes(shadow-pop-bl) {
383
355
  0% {
384
- box-shadow:
385
- 0 0 #3e3e3e,
386
- 0 0 #3e3e3e,
387
- 0 0 #3e3e3e,
388
- 0 0 #3e3e3e,
389
- 0 0 #3e3e3e,
390
- 0 0 #3e3e3e,
391
- 0 0 #3e3e3e,
356
+ box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e,
392
357
  0 0 #3e3e3e;
393
358
  transform: translateX(0) translateY(0);
394
359
  }
395
360
 
396
361
  100% {
397
- box-shadow:
398
- -1px 1px #3e3e3e,
399
- -2px 2px #3e3e3e,
400
- -3px 3px #3e3e3e,
401
- -4px 4px #3e3e3e,
402
- -5px 5px #3e3e3e,
403
- -6px 6px #3e3e3e,
404
- -7px 7px #3e3e3e,
405
- -8px 8px #3e3e3e;
362
+ box-shadow: -1px 1px #3e3e3e, -2px 2px #3e3e3e, -3px 3px #3e3e3e, -4px 4px #3e3e3e, -5px 5px #3e3e3e,
363
+ -6px 6px #3e3e3e, -7px 7px #3e3e3e, -8px 8px #3e3e3e;
406
364
  transform: translateX(8px) translateY(-8px);
407
365
  }
408
366
  }
@@ -412,28 +370,14 @@
412
370
  @mixin shadow-pop-tl {
413
371
  @include keyframes(shadow-pop-tl) {
414
372
  0% {
415
- box-shadow:
416
- 0 0 #3e3e3e,
417
- 0 0 #3e3e3e,
418
- 0 0 #3e3e3e,
419
- 0 0 #3e3e3e,
420
- 0 0 #3e3e3e,
421
- 0 0 #3e3e3e,
422
- 0 0 #3e3e3e,
373
+ box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e,
423
374
  0 0 #3e3e3e;
424
375
  transform: translateX(0) translateY(0);
425
376
  }
426
377
 
427
378
  100% {
428
- box-shadow:
429
- -1px -1px #3e3e3e,
430
- -2px -2px #3e3e3e,
431
- -3px -3px #3e3e3e,
432
- -4px -4px #3e3e3e,
433
- -5px -5px #3e3e3e,
434
- -6px -6px #3e3e3e,
435
- -7px -7px #3e3e3e,
436
- -8px -8px #3e3e3e;
379
+ box-shadow: -1px -1px #3e3e3e, -2px -2px #3e3e3e, -3px -3px #3e3e3e, -4px -4px #3e3e3e, -5px -5px #3e3e3e,
380
+ -6px -6px #3e3e3e, -7px -7px #3e3e3e, -8px -8px #3e3e3e;
437
381
  transform: translateX(8px) translateY(8px);
438
382
  }
439
383
  }