office-ui-fabric-core-rails 4.0.0.0

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