office-ui-fabric-core-rails 4.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 (57) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +11 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +5 -0
  5. data/Gemfile +4 -0
  6. data/LICENSE +21 -0
  7. data/README.md +56 -0
  8. data/Rakefile +23 -0
  9. data/bin/console +14 -0
  10. data/bin/setup +8 -0
  11. data/bower.json +7 -0
  12. data/lib/office-ui-fabric-core-rails.rb +2 -0
  13. data/lib/office-ui-fabric-core-rails/engine.rb +6 -0
  14. data/lib/office-ui-fabric-core-rails/version.rb +6 -0
  15. data/office-ui-fabric-core-rails.gemspec +35 -0
  16. data/vendor/assets/css/fabric.css +5616 -0
  17. data/vendor/assets/css/fabric.min.css +6 -0
  18. data/vendor/assets/css/fabric.rtl.css +6303 -0
  19. data/vendor/assets/css/fabric.rtl.min.css +6 -0
  20. data/vendor/assets/scss/Fabric.Animations.Output.scss +419 -0
  21. data/vendor/assets/scss/Fabric.Animations.RTL.Output.scss +80 -0
  22. data/vendor/assets/scss/Fabric.Base.Output.scss +14 -0
  23. data/vendor/assets/scss/Fabric.Color.Mixins.Output.scss +443 -0
  24. data/vendor/assets/scss/Fabric.Grid.Output.scss +32 -0
  25. data/vendor/assets/scss/Fabric.Icons.Font.Output.scss +21 -0
  26. data/vendor/assets/scss/Fabric.Icons.Output.scss +708 -0
  27. data/vendor/assets/scss/Fabric.Icons.RTL.Output.scss +114 -0
  28. data/vendor/assets/scss/Fabric.RTL.scss +39 -0
  29. data/vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss +1022 -0
  30. data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss +67 -0
  31. data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +13 -0
  32. data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +53 -0
  33. data/vendor/assets/scss/Fabric.Typography.Output.scss +389 -0
  34. data/vendor/assets/scss/Fabric.Utilities.Output.scss +46 -0
  35. data/vendor/assets/scss/Fabric.scss +40 -0
  36. data/vendor/assets/scss/_Fabric.Animations.RTL.scss +79 -0
  37. data/vendor/assets/scss/_Fabric.Animations.scss +237 -0
  38. data/vendor/assets/scss/_Fabric.Base.scss +13 -0
  39. data/vendor/assets/scss/_Fabric.Color.Mixins.scss +418 -0
  40. data/vendor/assets/scss/_Fabric.Color.Variables.scss +93 -0
  41. data/vendor/assets/scss/_Fabric.Common.scss +16 -0
  42. data/vendor/assets/scss/_Fabric.Grid.scss +34 -0
  43. data/vendor/assets/scss/_Fabric.Icons.Adjustments.scss +6 -0
  44. data/vendor/assets/scss/_Fabric.Icons.scss +739 -0
  45. data/vendor/assets/scss/_Fabric.Mixins.RTL.scss +325 -0
  46. data/vendor/assets/scss/_Fabric.Mixins.scss +282 -0
  47. data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss +697 -0
  48. data/vendor/assets/scss/_Fabric.Responsive.Variables.scss +35 -0
  49. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +167 -0
  50. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +50 -0
  51. data/vendor/assets/scss/_Fabric.Typography.Mixins.scss +11 -0
  52. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +29 -0
  53. data/vendor/assets/scss/_Fabric.Typography.scss +345 -0
  54. data/vendor/assets/scss/_Fabric.Utilities.scss +76 -0
  55. data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss +32 -0
  56. data/vendor/assets/scss/_Fabric.i18n.scss +316 -0
  57. metadata +170 -0
@@ -0,0 +1,67 @@
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;
@@ -0,0 +1,13 @@
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;
@@ -0,0 +1,53 @@
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);
@@ -0,0 +1,389 @@
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
+ // Typographic mixins arranged with appropriate size and family combinations.
7
+ @import './Fabric.Typography';
8
+
9
+ // Super Styles (LIMITED USE)
10
+ // Weights: Light
11
+ .ms-font-su {
12
+ @include ms-font-su;
13
+ }
14
+ // No touch class for Super
15
+
16
+ // Extra-Extra-Large
17
+ // Allowed weights: Light, SemiLight
18
+ .ms-font-xxl {
19
+ @include ms-font-xxl;
20
+ }
21
+
22
+ // Extra-Large Styles
23
+ // Allowed weights: Light, SemiLight
24
+ .ms-font-xl {
25
+ @include ms-font-xl;
26
+ }
27
+
28
+ // Large Styles
29
+ // Allowed weights: SemiLight, Regular, Semibold
30
+ .ms-font-l {
31
+ @include ms-font-l;
32
+ }
33
+
34
+ // Medium Plus Styles
35
+ // Allowed weights: SemiLight, Regular, Semibold
36
+ .ms-font-m-plus {
37
+ @include ms-font-m-plus;
38
+ }
39
+
40
+ // Medium Styles
41
+ // Allowed weights: SemiLight, Regular, Semibold
42
+ .ms-font-m {
43
+ @include ms-font-m;
44
+ }
45
+
46
+ // Small Plus Styles
47
+ // Allowed weights: SemiLight, Regular, Semibold
48
+ .ms-font-s-plus {
49
+ @include ms-font-s-plus;
50
+ }
51
+
52
+ // Small Styles
53
+ // Allowed weights: SemiLight, Regular, Semibold
54
+ .ms-font-s {
55
+ @include ms-font-s;
56
+ }
57
+
58
+ // XS Styles
59
+ // Allowed weights: SemiLight, Regular, Semibold
60
+ .ms-font-xs {
61
+ @include ms-font-xs;
62
+ }
63
+
64
+ // Micro Styles (LIMITED USE)
65
+ // Weights: Semibold
66
+ .ms-font-mi {
67
+ @include ms-font-mi;
68
+ }
69
+
70
+ //== Helper classes & mixins
71
+ //
72
+ // Helper mixins to override default type values
73
+
74
+ // Font weights
75
+ .ms-fontWeight-light,
76
+ .ms-fontWeight-light--hover:hover {
77
+ @include ms-fontWeight-light;
78
+ }
79
+
80
+ .ms-fontWeight-semilight,
81
+ .ms-fontWeight-semilight--hover:hover {
82
+ @include ms-fontWeight-semilight;
83
+ }
84
+
85
+ .ms-fontWeight-regular,
86
+ .ms-fontWeight-regular--hover:hover {
87
+ @include ms-fontWeight-regular;
88
+ }
89
+
90
+ .ms-fontWeight-semibold,
91
+ .ms-fontWeight-semibold--hover:hover {
92
+ @include ms-fontWeight-semibold;
93
+ }
94
+
95
+ // Font sizes
96
+ .ms-fontSize-su {
97
+ @include ms-fontSize-su;
98
+ }
99
+
100
+ .ms-fontSize-xxl {
101
+ @include ms-fontSize-xxl;
102
+ }
103
+
104
+ .ms-fontSize-xl {
105
+ @include ms-fontSize-xl;
106
+ }
107
+
108
+ .ms-fontSize-l {
109
+ @include ms-fontSize-l;
110
+ }
111
+
112
+ .ms-fontSize-mPlus {
113
+ @include ms-fontSize-mPlus;
114
+ }
115
+
116
+ .ms-fontSize-m {
117
+ @include ms-fontSize-m;
118
+ }
119
+
120
+ .ms-fontSize-sPlus {
121
+ @include ms-fontSize-sPlus;
122
+ }
123
+
124
+ .ms-fontSize-s {
125
+ @include ms-fontSize-s;
126
+ }
127
+
128
+ .ms-fontSize-xs {
129
+ @include ms-fontSize-xs;
130
+ }
131
+
132
+ .ms-fontSize-mi {
133
+ @include ms-fontSize-mi;
134
+ }
135
+
136
+ // Theme colors
137
+ .ms-fontColor-themeDarker,
138
+ .ms-fontColor-themeDarker--hover:hover {
139
+ @include ms-fontColor-themeDarker;
140
+ }
141
+
142
+ .ms-fontColor-themeDark,
143
+ .ms-fontColor-themeDark--hover:hover {
144
+ @include ms-fontColor-themeDark;
145
+ }
146
+
147
+ .ms-fontColor-themeDarkAlt,
148
+ .ms-fontColor-themeDarkAlt--hover:hover {
149
+ @include ms-fontColor-themeDarkAlt;
150
+ }
151
+
152
+ .ms-fontColor-themePrimary,
153
+ .ms-fontColor-themePrimary--hover:hover {
154
+ @include ms-fontColor-themePrimary;
155
+ }
156
+
157
+ .ms-fontColor-themeSecondary,
158
+ .ms-fontColor-themeSecondary--hover:hover {
159
+ @include ms-fontColor-themeSecondary;
160
+ }
161
+
162
+ .ms-fontColor-themeTertiary,
163
+ .ms-fontColor-themeTertiary--hover:hover {
164
+ @include ms-fontColor-themeTertiary;
165
+ }
166
+
167
+ .ms-fontColor-themeLight,
168
+ .ms-fontColor-themeLight--hover:hover {
169
+ @include ms-fontColor-themeLight;
170
+ }
171
+
172
+ .ms-fontColor-themeLighter,
173
+ .ms-fontColor-themeLighter--hover:hover {
174
+ @include ms-fontColor-themeLighter;
175
+ }
176
+
177
+ .ms-fontColor-themeLighterAlt,
178
+ .ms-fontColor-themeLighterAlt--hover:hover {
179
+ @include ms-fontColor-themeLighterAlt;
180
+ }
181
+
182
+
183
+ // Neutral colors
184
+ .ms-fontColor-black,
185
+ .ms-fontColor-black--hover:hover {
186
+ @include ms-fontColor-black;
187
+ }
188
+
189
+ .ms-fontColor-neutralDark,
190
+ .ms-fontColor-neutralDark--hover:hover {
191
+ @include ms-fontColor-neutralDark;
192
+ }
193
+
194
+ .ms-fontColor-neutralPrimary,
195
+ .ms-fontColor-neutralPrimary--hover:hover {
196
+ @include ms-fontColor-neutralPrimary;
197
+ }
198
+
199
+ .ms-fontColor-neutralPrimaryAlt,
200
+ .ms-fontColor-neutralPrimaryAlt--hover:hover {
201
+ @include ms-fontColor-neutralPrimaryAlt;
202
+ }
203
+
204
+ .ms-fontColor-neutralSecondary,
205
+ .ms-fontColor-neutralSecondary--hover:hover {
206
+ @include ms-fontColor-neutralSecondary;
207
+ }
208
+
209
+ .ms-fontColor-neutralSecondaryAlt,
210
+ .ms-fontColor-neutralSecondaryAlt--hover:hover {
211
+ @include ms-fontColor-neutralSecondaryAlt;
212
+ }
213
+
214
+ .ms-fontColor-neutralTertiary,
215
+ .ms-fontColor-neutralTertiary--hover:hover {
216
+ @include ms-fontColor-neutralTertiary;
217
+ }
218
+
219
+ .ms-fontColor-neutralTertiaryAlt,
220
+ .ms-fontColor-neutralTertiaryAlt--hover:hover {
221
+ @include ms-fontColor-neutralTertiaryAlt;
222
+ }
223
+
224
+ .ms-fontColor-neutralLight,
225
+ .ms-fontColor-neutralLight--hover:hover {
226
+ @include ms-fontColor-neutralLight;
227
+ }
228
+
229
+ .ms-fontColor-neutralLighter,
230
+ .ms-fontColor-neutralLighter--hover:hover {
231
+ @include ms-fontColor-neutralLighter;
232
+ }
233
+
234
+ .ms-fontColor-neutralLighterAlt,
235
+ .ms-fontColor-neutralLighterAlt--hover:hover {
236
+ @include ms-fontColor-neutralLighterAlt;
237
+ }
238
+
239
+ .ms-fontColor-white,
240
+ .ms-fontColor-white--hover:hover {
241
+ @include ms-fontColor-white;
242
+ }
243
+
244
+ // Brand and accent colors
245
+ .ms-fontColor-yellow,
246
+ .ms-fontColor-yellow--hover:hover {
247
+ @include ms-fontColor-yellow;
248
+ }
249
+
250
+ .ms-fontColor-yellowLight,
251
+ .ms-fontColor-yellowLight--hover:hover {
252
+ @include ms-fontColor-yellowLight;
253
+ }
254
+
255
+ .ms-fontColor-orange,
256
+ .ms-fontColor-orange--hover:hover {
257
+ @include ms-fontColor-orange;
258
+ }
259
+
260
+ .ms-fontColor-orangeLight,
261
+ .ms-fontColor-orangeLight--hover:hover {
262
+ @include ms-fontColor-orangeLight;
263
+ }
264
+
265
+ .ms-fontColor-orangeLighter,
266
+ .ms-fontColor-orangeLighter--hover:hover {
267
+ @include ms-fontColor-orangeLighter;
268
+ }
269
+
270
+ .ms-fontColor-redDark,
271
+ .ms-fontColor-redDark--hover:hover {
272
+ @include ms-fontColor-redDark;
273
+ }
274
+
275
+ .ms-fontColor-red,
276
+ .ms-fontColor-red--hover:hover {
277
+ @include ms-fontColor-red;
278
+ }
279
+
280
+ .ms-fontColor-magentaDark,
281
+ .ms-fontColor-magentaDark--hover:hover {
282
+ @include ms-fontColor-magentaDark;
283
+ }
284
+
285
+ .ms-fontColor-magenta,
286
+ .ms-fontColor-magenta--hover:hover {
287
+ @include ms-fontColor-magenta;
288
+ }
289
+
290
+ .ms-fontColor-magentaLight,
291
+ .ms-fontColor-magentaLight--hover:hover {
292
+ @include ms-fontColor-magentaLight;
293
+ }
294
+
295
+ .ms-fontColor-purpleDark,
296
+ .ms-fontColor-purpleDark--hover:hover {
297
+ @include ms-fontColor-purpleDark;
298
+ }
299
+
300
+ .ms-fontColor-purple,
301
+ .ms-fontColor-purple--hover:hover {
302
+ @include ms-fontColor-purple;
303
+ }
304
+
305
+ .ms-fontColor-purpleLight,
306
+ .ms-fontColor-purpleLight--hover:hover {
307
+ @include ms-fontColor-purpleLight;
308
+ }
309
+
310
+ .ms-fontColor-blueDark,
311
+ .ms-fontColor-blueDark--hover:hover {
312
+ @include ms-fontColor-blueDark;
313
+ }
314
+
315
+ .ms-fontColor-blueMid,
316
+ .ms-fontColor-blueMid--hover:hover {
317
+ @include ms-fontColor-blueMid;
318
+ }
319
+
320
+ .ms-fontColor-blue,
321
+ .ms-fontColor-blue--hover:hover {
322
+ @include ms-fontColor-blue;
323
+ }
324
+
325
+ .ms-fontColor-blueLight,
326
+ .ms-fontColor-blueLight--hover:hover {
327
+ @include ms-fontColor-blueLight;
328
+ }
329
+
330
+ .ms-fontColor-tealDark,
331
+ .ms-fontColor-tealDark--hover:hover {
332
+ @include ms-fontColor-tealDark;
333
+ }
334
+
335
+ .ms-fontColor-teal,
336
+ .ms-fontColor-teal--hover:hover {
337
+ @include ms-fontColor-teal;
338
+ }
339
+
340
+ .ms-fontColor-tealLight,
341
+ .ms-fontColor-tealLight--hover:hover {
342
+ @include ms-fontColor-tealLight;
343
+ }
344
+
345
+ .ms-fontColor-greenDark,
346
+ .ms-fontColor-greenDark--hover:hover {
347
+ @include ms-fontColor-greenDark;
348
+ }
349
+
350
+ .ms-fontColor-green,
351
+ .ms-fontColor-green--hover:hover {
352
+ @include ms-fontColor-green;
353
+ }
354
+
355
+ .ms-fontColor-greenLight,
356
+ .ms-fontColor-greenLight--hover:hover {
357
+ @include ms-fontColor-greenLight;
358
+ }
359
+
360
+ // Message colors
361
+ .ms-fontColor-info,
362
+ .ms-fontColor-info--hover:hover {
363
+ @include ms-fontColor-info;
364
+ }
365
+
366
+ .ms-fontColor-success,
367
+ .ms-fontColor-success--hover:hover {
368
+ @include ms-fontColor-success;
369
+ }
370
+
371
+ .ms-fontColor-alert,
372
+ .ms-fontColor-alert--hover:hover { // Deprecated: Use ms-fontColor-severeWarning
373
+ @include ms-fontColor-alert;
374
+ }
375
+
376
+ .ms-fontColor-warning,
377
+ .ms-fontColor-warning--hover:hover {
378
+ @include ms-fontColor-warning;
379
+ }
380
+
381
+ .ms-fontColor-severeWarning,
382
+ .ms-fontColor-severeWarning--hover:hover {
383
+ @include ms-fontColor-severeWarning;
384
+ }
385
+
386
+ .ms-fontColor-error,
387
+ .ms-fontColor-error--hover:hover {
388
+ @include ms-fontColor-error;
389
+ }