office-ui-fabric-core-rails 5.1.0.0 → 6.0.0.0

Sign up to get free protection for your applications and to get access to all the features.
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
- }