office-ui-fabric-core-rails 5.1.0.0 → 6.0.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 (70) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +1 -1
  3. data/lib/office-ui-fabric-core-rails/version.rb +2 -2
  4. data/package.json +2 -2
  5. data/vendor/assets/css/fabric-6.0.0.scoped.css +8251 -0
  6. data/vendor/assets/css/fabric-6.0.0.scoped.min.css +6 -0
  7. data/vendor/assets/css/fabric.css +4597 -4324
  8. data/vendor/assets/css/fabric.min.css +2 -2
  9. data/vendor/assets/css/fabric.rtl.css +5630 -4137
  10. data/vendor/assets/css/fabric.rtl.min.css +2 -2
  11. data/vendor/assets/scss/Fabric.RTL.scss +13 -39
  12. data/vendor/assets/scss/Fabric.Scoped.scss +33 -0
  13. data/vendor/assets/scss/Fabric.scss +22 -43
  14. data/vendor/assets/scss/_Animation.RTL.scss +58 -0
  15. data/vendor/assets/scss/_Animation.scss +173 -0
  16. data/vendor/assets/scss/_BrandIcon.scss +19 -0
  17. data/vendor/assets/scss/{Fabric.Color.Mixins.Output.scss → _Color.scss} +441 -443
  18. data/vendor/assets/scss/_Font.Definitions.scss +33 -0
  19. data/vendor/assets/scss/{Fabric.Typography.Output.scss → _Font.scss} +387 -389
  20. data/vendor/assets/scss/{Fabric.Grid.Output.scss → _Grid.scss} +24 -32
  21. data/vendor/assets/scss/{Fabric.Icons.Font.Output.scss → _Icon.Definitions.scss} +28 -21
  22. data/vendor/assets/scss/{Fabric.Icons.RTL.Output.scss → _Icon.RTL.scss} +146 -149
  23. data/vendor/assets/scss/{Fabric.Icons.Output.scss → _Icon.scss} +754 -751
  24. data/vendor/assets/scss/_References.scss +26 -0
  25. data/vendor/assets/scss/_Responsive.scss +1010 -0
  26. data/vendor/assets/scss/{Fabric.Utilities.Output.scss → _Utility.scss} +44 -46
  27. data/vendor/assets/scss/_Wrapper.scss +41 -0
  28. data/vendor/assets/scss/mixins/_Animation.Mixins.scss +360 -0
  29. data/vendor/assets/scss/mixins/_BrandIcon.Mixins.scss +36 -0
  30. data/vendor/assets/scss/{_Fabric.Color.Mixins.scss → mixins/_Color.Mixins.scss} +418 -418
  31. data/vendor/assets/scss/{_Fabric.Mixins.RTL.scss → mixins/_Directionality.Mixins.scss} +325 -325
  32. data/vendor/assets/scss/{_Fabric.Typography.scss → mixins/_Font.Mixins.scss} +381 -345
  33. data/vendor/assets/scss/mixins/_General.Mixins.scss +371 -0
  34. data/vendor/assets/scss/{_Fabric.Grid.scss → mixins/_Grid.Mixins.scss} +39 -34
  35. data/vendor/assets/scss/mixins/_Icon.Mixins.scss +777 -0
  36. data/vendor/assets/scss/mixins/_Responsive.Mixins.scss +1425 -0
  37. data/vendor/assets/scss/mixins/_ScopedStyles.Mixins.scss +20 -0
  38. data/vendor/assets/scss/variables/_Animation.Variables.scss +11 -0
  39. data/vendor/assets/scss/variables/_BrandIcon.Variables.scss +12 -0
  40. data/vendor/assets/scss/{_Fabric.Color.Variables.scss → variables/_Color.Variables.scss} +77 -93
  41. data/vendor/assets/scss/variables/_Font.Variables.scss +41 -0
  42. data/vendor/assets/scss/variables/_General.Variables.scss +6 -0
  43. data/vendor/assets/scss/variables/_Icon.Variables.scss +7 -0
  44. data/vendor/assets/scss/variables/_Responsive.Variables.scss +16 -0
  45. data/vendor/assets/scss/variables/_ZIndex.Variables.scss +14 -0
  46. metadata +38 -39
  47. data/vendor/assets/scss/Fabric.Animations.Output.scss +0 -419
  48. data/vendor/assets/scss/Fabric.Animations.RTL.Output.scss +0 -80
  49. data/vendor/assets/scss/Fabric.Base.Output.scss +0 -14
  50. data/vendor/assets/scss/Fabric.Brand.Icons.Output.scss +0 -19
  51. data/vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss +0 -1012
  52. data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss +0 -67
  53. data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +0 -13
  54. data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +0 -53
  55. data/vendor/assets/scss/_Fabric.Animations.RTL.scss +0 -79
  56. data/vendor/assets/scss/_Fabric.Animations.scss +0 -237
  57. data/vendor/assets/scss/_Fabric.Base.scss +0 -13
  58. data/vendor/assets/scss/_Fabric.Brand.Icons.scss +0 -51
  59. data/vendor/assets/scss/_Fabric.Common.scss +0 -16
  60. data/vendor/assets/scss/_Fabric.Icons.scss +0 -779
  61. data/vendor/assets/scss/_Fabric.Mixins.scss +0 -282
  62. data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss +0 -1423
  63. data/vendor/assets/scss/_Fabric.Responsive.Variables.scss +0 -35
  64. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +0 -167
  65. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +0 -50
  66. data/vendor/assets/scss/_Fabric.Typography.Mixins.scss +0 -11
  67. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +0 -29
  68. data/vendor/assets/scss/_Fabric.Utilities.scss +0 -76
  69. data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss +0 -32
  70. data/vendor/assets/scss/_Fabric.i18n.scss +0 -316
@@ -1,67 +0,0 @@
1
- // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
-
3
- //
4
- // Office UI Fabric
5
- // --------------------------------------------------
6
-
7
- // Additional @font-face rules for the Leelawadee font.
8
- @font-face {
9
- font-family: "Leelawadee UI";
10
- src: local('Leelawadee UI Bold'),
11
- url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-bold.woff2') format('woff2'),
12
- url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-bold.woff') format('woff'),
13
- url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-bold.ttf') format('truetype');
14
- font-weight: 600;
15
- font-style: normal;
16
- }
17
-
18
- @font-face {
19
- font-family: "Leelawadee UI";
20
- src: local('Leelawadee UI Regular'),
21
- url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-regular.woff2') format('woff2'),
22
- url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-regular.woff') format('woff'),
23
- url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-regular.ttf') format('truetype');
24
- font-weight: 400;
25
- font-style: normal;
26
- }
27
-
28
- @font-face {
29
- font-family: "Leelawadee UI";
30
- src: local('Leelawadee UI Semilight'),
31
- url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-semilight.woff2') format('woff2'),
32
- url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-semilight.woff') format('woff'),
33
- url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-semilight.ttf') format('truetype');
34
- font-weight: 300;
35
- font-style: normal;
36
- }
37
-
38
- // Mixins to generate language-specific font faces.
39
- @include SegoeUIArabicLight;
40
- @include SegoeUIArabicRegular;
41
- @include SegoeUIArabicSemibold;
42
- @include SegoeUIArabicSemilight;
43
-
44
- @include SegoeUICyrillicLight;
45
- @include SegoeUICyrillicRegular;
46
- @include SegoeUICyrillicSemibold;
47
- @include SegoeUICyrillicSemilight;
48
-
49
- @include SegoeUIEastEuropeanLight;
50
- @include SegoeUIEastEuropeanRegular;
51
- @include SegoeUIEastEuropeanSemibold;
52
- @include SegoeUIEastEuropeanSemilight;
53
-
54
- @include SegoeUIGreekLight;
55
- @include SegoeUIGreekRegular;
56
- @include SegoeUIGreekSemibold;
57
- @include SegoeUIGreekSemilight;
58
-
59
- @include SegoeUIHebrewLight;
60
- @include SegoeUIHebrewRegular;
61
- @include SegoeUIHebrewSemibold;
62
- @include SegoeUIHebrewSemilight;
63
-
64
- @include SegoeUIVietnameseLight;
65
- @include SegoeUIVietnameseRegular;
66
- @include SegoeUIVietnameseSemibold;
67
- @include SegoeUIVietnameseSemilight;
@@ -1,13 +0,0 @@
1
- // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
-
3
- //
4
- // Office UI Fabric
5
- // --------------------------------------------------
6
- // Font definitions
7
-
8
- @import "Fabric.Typography.Fonts";
9
-
10
- @include SegoeUIWestEuropeanLight;
11
- @include SegoeUIWestEuropeanRegular;
12
- @include SegoeUIWestEuropeanSemibold;
13
- @include SegoeUIWestEuropeanSemilight;
@@ -1,53 +0,0 @@
1
- // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
-
3
- //
4
- // Office UI Fabric
5
- // --------------------------------------------------
6
- // Language override definitions using ISO 639-3 language codes
7
-
8
- @import "./Fabric.Typography.Language.Overrides";
9
-
10
- // Generate the override classes for non-distributed fonts.
11
- @include language-override-system-fonts(jpn, $ms-font-stack-japanese);
12
- @include language-override-system-fonts(kor, $ms-font-stack-korean);
13
- @include language-override-system-fonts(cmn, $ms-font-stack-chinese-simplified);
14
- @include language-override-system-fonts(yue, $ms-font-stack-chinese-traditional);
15
- @include language-override-system-fonts(hin, $ms-font-stack-hindi);
16
-
17
- // Generate the override classes for web fonts.
18
- // Thai (Leelawadee)
19
- // tha
20
- @include language-override-system-fonts(tha, $ms-font-stack-leelawadee);
21
-
22
- // Arabic
23
- // ara
24
- @include language-override-system-fonts(ara, $ms-font-stack-arabic);
25
-
26
- // East European
27
- // ces, et, hrv, hun, lit, pl, lat, tur, slk, kaz
28
- @include language-override-system-fonts(ces, $ms-font-stack-eastEuropean);
29
- @include language-override-system-fonts(est, $ms-font-stack-eastEuropean);
30
- @include language-override-system-fonts(hrv, $ms-font-stack-eastEuropean);
31
- @include language-override-system-fonts(hun, $ms-font-stack-eastEuropean);
32
- @include language-override-system-fonts(kaz, $ms-font-stack-eastEuropean);
33
- @include language-override-system-fonts(lav, $ms-font-stack-eastEuropean);
34
- @include language-override-system-fonts(lit, $ms-font-stack-eastEuropean);
35
- @include language-override-system-fonts(pol, $ms-font-stack-eastEuropean);
36
- @include language-override-system-fonts(slk, $ms-font-stack-eastEuropean);
37
- @include language-override-system-fonts(tur, $ms-font-stack-eastEuropean);
38
-
39
- // Cyrillic
40
- // rus
41
- @include language-override-system-fonts(rus, $ms-font-stack-cyrillic);
42
-
43
- // Greek
44
- // ell
45
- @include language-override-system-fonts(ell, $ms-font-stack-greek);
46
-
47
- // Hebrew
48
- // heb
49
- @include language-override-system-fonts(heb, $ms-font-stack-hebrew);
50
-
51
- // Vietnamese
52
- // vie
53
- @include language-override-system-fonts(vie, $ms-font-stack-vietnamese);
@@ -1,79 +0,0 @@
1
- // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
-
3
- //
4
- // Office UI Fabric
5
- // --------------------------------------------------
6
- // RTL overrides for Fabric Animations
7
-
8
-
9
- @import 'Fabric.Animations';
10
-
11
- // slideRightIn10
12
- @mixin ms-u-slideRightIn10 {
13
- @include animationMix((fadeIn, slideLeft10), $ms-duration3, $ms-ease1);
14
- }
15
-
16
- // slideRightIn20
17
- @mixin ms-u-slideRightIn20 {
18
- @include animationMix((fadeIn, slideLeft20), $ms-duration3, $ms-ease1);
19
- }
20
-
21
- // slideRightIn40
22
- @mixin ms-u-slideRightIn40 {
23
- @include animationMix((fadeIn, slideLeft40), $ms-duration3, $ms-ease1);
24
- }
25
-
26
- // slideLeftIn10
27
- @mixin ms-u-slideLeftIn10 {
28
- @include animationMix((fadeIn, slideRight10), $ms-duration3, $ms-ease1);
29
- }
30
-
31
- // slideLeftIn20
32
- @mixin ms-u-slideLeftIn20 {
33
- @include animationMix((fadeIn, slideRight20), $ms-duration3, $ms-ease1);
34
- }
35
-
36
- // slideLeftIn40
37
- @mixin ms-u-slideLeftIn40 {
38
- @include animationMix((fadeIn, slideRight40), $ms-duration3, $ms-ease1);
39
- }
40
-
41
- // slideRightIn400
42
- @mixin ms-u-slideRightIn400 {
43
- @include animationMix((fadeIn, slideLeft400), $ms-duration3, $ms-ease1);
44
- }
45
-
46
- // slideLeftIn400
47
- @mixin ms-u-slideLeftIn400 {
48
- @include animationMix((fadeIn, slideRight400), $ms-duration3, $ms-ease1);
49
- }
50
-
51
- // slideRightOut40
52
- @mixin ms-u-slideRightOut40 {
53
- @include animationMix((fadeOut, slideLeftOut40), $ms-duration1, $ms-ease2);
54
- }
55
-
56
- // slideLeftOut40
57
- @mixin ms-u-slideLeftOut40 {
58
- @include animationMix((fadeOut, slideRightOut40), $ms-duration1, $ms-ease2);
59
- }
60
-
61
- // slideRightOut400
62
- @mixin ms-u-slideRightOut400 {
63
- @include animationMix((fadeOut, slideLeftOut400), $ms-duration1, $ms-ease2);
64
- }
65
-
66
- // slideLeftOut400
67
- @mixin ms-u-slideLeftOut400 {
68
- @include animationMix((fadeOut, slideRightOut400), $ms-duration1, $ms-ease2);
69
- }
70
-
71
- // rotate90deg
72
- @mixin ms-u-rotate90deg {
73
- @include animationMix(rotateN90, 0.1s, $ms-ease2);
74
- }
75
-
76
- // rotateN90deg
77
- @mixin ms-u-rotateN90deg {
78
- @include animationMix(rotate90, 0.1s, $ms-ease2);
79
- }
@@ -1,237 +0,0 @@
1
- // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
-
3
- //
4
- // Office UI Fabric
5
- // --------------------------------------------------
6
- // Fabric Animations
7
-
8
-
9
- // Note that all animation classes should begin with the "ms-u" utility prefix.
10
- // The original class names are deprecated and will be removed in a future release.
11
-
12
- // Variables
13
- $ms-ease1: cubic-bezier(0.1,0.9,0.2,1) !default;
14
- $ms-ease2: cubic-bezier(0.1,0.25,0.75,0.9) !default;
15
- $ms-duration1: 0.167s !default;
16
- $ms-duration2: 0.267s !default;
17
- $ms-duration3: 0.367s !default;
18
- $ms-duration4: 0.467s !default;
19
-
20
-
21
- // Animation mixin
22
- @mixin animationMix($ms-name, $ms-duration, $ms-ease: $ms-ease1, $ms-fillMode: both) {
23
- @include animationName($ms-name);
24
- @include animationDuration($ms-duration);
25
- @include animationTiming($ms-ease);
26
- @include animationFillMode($ms-fillMode);
27
- }
28
-
29
- // slideRightIn10
30
- @mixin ms-u-slideRightIn10 {
31
- @include animationMix((fadeIn, slideRightIn10), $ms-duration3, $ms-ease1);
32
- }
33
-
34
- // slideRightIn20
35
- @mixin ms-u-slideRightIn20 {
36
- @include animationMix((fadeIn, slideRightIn20), $ms-duration3, $ms-ease1);
37
- }
38
-
39
- // slideRightIn40
40
- @mixin ms-u-slideRightIn40 {
41
- @include animationMix((fadeIn, slideRightIn40), $ms-duration3, $ms-ease1);
42
- }
43
-
44
- // slideLeftIn10
45
- @mixin ms-u-slideLeftIn10 {
46
- @include animationMix((fadeIn, slideLeftIn10), $ms-duration3, $ms-ease1);
47
- }
48
-
49
- // slideLeftIn20
50
- @mixin ms-u-slideLeftIn20 {
51
- @include animationMix((fadeIn, slideLeftIn20), $ms-duration3, $ms-ease1);
52
- }
53
-
54
- // slideLeftIn40
55
- @mixin ms-u-slideLeftIn40 {
56
- @include animationMix((fadeIn, slideLeftIn40), $ms-duration3, $ms-ease1);
57
- }
58
-
59
- // slideRightIn400
60
- @mixin ms-u-slideRightIn400 {
61
- @include animationMix((fadeIn, slideRightIn400), $ms-duration3, $ms-ease1);
62
- }
63
-
64
- // slideLeftIn400
65
- @mixin ms-u-slideLeftIn400 {
66
- @include animationMix((fadeIn, slideLeft400), $ms-duration3, $ms-ease1);
67
- }
68
-
69
- // slideUpIn20
70
- @mixin ms-u-slideUpIn20 {
71
- @include animationMix((fadeIn, slideUpIn20), $ms-duration3, $ms-ease1);
72
- }
73
-
74
- // slideUpIn10
75
- @mixin ms-u-slideUpIn10 {
76
- @include animationMix((fadeIn, slideUpIn10), $ms-duration1, $ms-ease2);
77
- }
78
-
79
- // slideDownIn20
80
- @mixin ms-u-slideDownIn20 {
81
- @include animationMix((fadeIn, slideDownIn20), $ms-duration3, $ms-ease1);
82
- }
83
-
84
- // slideDownIn10
85
- @mixin ms-u-slideDownIn10 {
86
- @include animationMix((fadeIn, slideDownIn10), $ms-duration1, $ms-ease2);
87
- }
88
-
89
- // slideRightOut40
90
- @mixin ms-u-slideRightOut40 {
91
- @include animationMix((fadeOut, slideRightOut40), $ms-duration1, $ms-ease2);
92
- }
93
-
94
- // slideLeftOut40
95
- @mixin ms-u-slideLeftOut40 {
96
- @include animationMix((fadeOut, slideLeftOut40), $ms-duration1, $ms-ease2);
97
- }
98
-
99
- // slideRightOut400
100
- @mixin ms-u-slideRightOut400 {
101
- @include animationMix((fadeOut, slideRightOut400), $ms-duration1, $ms-ease2);
102
- }
103
-
104
- // slideLeftOut400
105
- @mixin ms-u-slideLeftOut400 {
106
- @include animationMix((fadeOut, slideLeftOut400), $ms-duration1, $ms-ease2);
107
- }
108
-
109
- // slideUpOut20
110
- @mixin ms-u-slideUpOut20 {
111
- @include animationMix((fadeOut, slideUpOut20), $ms-duration1, $ms-ease2);
112
- }
113
-
114
- // slideUpOut10
115
- @mixin ms-u-slideUpOut10 {
116
- @include animationMix((fadeOut, slideUpOut10), $ms-duration1, $ms-ease2);
117
- }
118
-
119
- // slideDownOut20
120
- @mixin ms-u-slideDownOut20 {
121
- @include animationMix((fadeOut, slideDownOut20), $ms-duration1, $ms-ease2);
122
- }
123
-
124
- // slideDownOut10
125
- @mixin ms-u-slideDownOut10 {
126
- @include animationMix((fadeOut, slideDownOut10), $ms-duration1, $ms-ease2);
127
- }
128
-
129
- // scaleUpIn100
130
- @mixin ms-u-scaleUpIn100 {
131
- @include animationMix((fadeIn, scaleUp100), $ms-duration3, $ms-ease1);
132
- }
133
-
134
- // scaleDownIn100
135
- @mixin ms-u-scaleDownIn100 {
136
- @include animationMix((fadeIn, scaleDown100), $ms-duration3, $ms-ease1);
137
- }
138
-
139
- // scaleUpOut103
140
- @mixin ms-u-scaleUpOut103 {
141
- @include animationMix((fadeOut, scaleUp103), $ms-duration1, $ms-ease2);
142
- }
143
-
144
- // scaleDownOut98
145
- @mixin ms-u-scaleDownOut98 {
146
- @include animationMix((fadeOut, scaleDown98), $ms-duration1, $ms-ease2);
147
- }
148
-
149
- // fadeIn
150
- @mixin ms-u-fadeIn400 {
151
- -webkit-animation-duration: $ms-duration3;
152
- -webkit-animation-name: fadeIn;
153
- -webkit-animation-fill-mode: both;
154
- animation-duration: $ms-duration3;
155
- animation-name: fadeIn;
156
- animation-fill-mode: both;
157
- }
158
- @mixin ms-u-fadeIn100 {
159
- @include ms-u-fadeIn400;
160
- -webkit-animation-duration: $ms-duration1;
161
- animation-duration: $ms-duration1;
162
- }
163
- @mixin ms-u-fadeIn200 {
164
- @include ms-u-fadeIn400;
165
- -webkit-animation-duration: $ms-duration2;
166
- animation-duration: $ms-duration2;
167
- }
168
- @mixin ms-u-fadeIn500 {
169
- @include ms-u-fadeIn400;
170
- -webkit-animation-duration: $ms-duration4;
171
- animation-duration: $ms-duration4;
172
- }
173
-
174
- // fadeOut
175
- @mixin ms-u-fadeOut400 {
176
- -webkit-animation-duration: $ms-duration3;
177
- -webkit-animation-name: fadeOut;
178
- -webkit-animation-fill-mode: both;
179
- animation-duration: $ms-duration3;
180
- animation-name: fadeOut;
181
- animation-fill-mode: both;
182
- }
183
- @mixin ms-u-fadeOut100 {
184
- @include ms-u-fadeOut400;
185
- -webkit-animation-duration: 0.1s;
186
- animation-duration: 0.1s;
187
- }
188
- @mixin ms-u-fadeOut200 {
189
- @include ms-u-fadeOut400;
190
- -webkit-animation-duration: $ms-duration1;
191
- animation-duration: $ms-duration1;
192
- }
193
- @mixin ms-u-fadeOut500 {
194
- @include ms-u-fadeOut400;
195
- -webkit-animation-duration: $ms-duration4;
196
- animation-duration: $ms-duration4;
197
- }
198
-
199
- // rotate90deg
200
- @mixin ms-u-rotate90deg {
201
- @include animationMix(rotate90, 0.1s, $ms-ease2);
202
- }
203
-
204
- // rotateN90deg
205
- @mixin ms-u-rotateN90deg {
206
- @include animationMix(rotateN90, 0.1s, $ms-ease2);
207
- }
208
-
209
- // expandCollapse400
210
- @mixin ms-u-expandCollapse400 {
211
- -webkit-transition: height $ms-duration3 $ms-ease2;
212
- transition: height $ms-duration3 $ms-ease2;
213
- }
214
-
215
- // expandCollapse200
216
- @mixin ms-u-expandCollapse200 {
217
- -webkit-transition: height $ms-duration1 $ms-ease2;
218
- transition: height $ms-duration1 $ms-ease2;
219
- }
220
-
221
- // expandCollapse100
222
- @mixin ms-u-expandCollapse100 {
223
- -webkit-transition: height 0.1s $ms-ease2;
224
- transition: height 0.1s $ms-ease2;
225
- }
226
-
227
- // delay100
228
- @mixin ms-u-delay100 {
229
- -webkit-animation-delay: $ms-duration1;
230
- animation-delay: $ms-duration1;
231
- }
232
-
233
- // delay200
234
- @mixin ms-u-delay200 {
235
- -webkit-animation-delay: 0.267s;
236
- animation-delay: 0.267s;
237
- }