office-ui-fabric-rails 2.5.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 (59) 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 +69 -0
  8. data/Rakefile +24 -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-rails.rb +2 -0
  13. data/lib/office-ui-fabric-rails/engine.rb +6 -0
  14. data/lib/office-ui-fabric-rails/version.rb +6 -0
  15. data/office-ui-fabric-rails.gemspec +35 -0
  16. data/vendor/assets/css/fabric.components.css +6553 -0
  17. data/vendor/assets/css/fabric.components.min.css +6 -0
  18. data/vendor/assets/css/fabric.components.rtl.css +6355 -0
  19. data/vendor/assets/css/fabric.components.rtl.min.css +6 -0
  20. data/vendor/assets/css/fabric.css +5991 -0
  21. data/vendor/assets/css/fabric.min.css +6 -0
  22. data/vendor/assets/css/fabric.rtl.css +6280 -0
  23. data/vendor/assets/css/fabric.rtl.min.css +6 -0
  24. data/vendor/assets/js/jquery.fabric.js +2451 -0
  25. data/vendor/assets/js/jquery.fabric.min.js +2 -0
  26. data/vendor/assets/scss/Fabric.Animations.Output.scss +419 -0
  27. data/vendor/assets/scss/Fabric.Animations.RTL.Output.scss +80 -0
  28. data/vendor/assets/scss/Fabric.Color.Mixins.Output.scss +458 -0
  29. data/vendor/assets/scss/Fabric.Components.scss +31 -0
  30. data/vendor/assets/scss/Fabric.Grid.Output.scss +32 -0
  31. data/vendor/assets/scss/Fabric.Icons.Font.Output.scss +23 -0
  32. data/vendor/assets/scss/Fabric.Icons.Output.scss +771 -0
  33. data/vendor/assets/scss/Fabric.Icons.RTL.Output.scss +114 -0
  34. data/vendor/assets/scss/Fabric.RTL.scss +39 -0
  35. data/vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss +1022 -0
  36. data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +76 -0
  37. data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +56 -0
  38. data/vendor/assets/scss/Fabric.Typography.Output.scss +379 -0
  39. data/vendor/assets/scss/Fabric.Utilities.Output.scss +23 -0
  40. data/vendor/assets/scss/Fabric.scss +40 -0
  41. data/vendor/assets/scss/_Fabric.Animations.RTL.scss +79 -0
  42. data/vendor/assets/scss/_Fabric.Animations.scss +237 -0
  43. data/vendor/assets/scss/_Fabric.Color.Mixins.scss +414 -0
  44. data/vendor/assets/scss/_Fabric.Color.Variables.scss +90 -0
  45. data/vendor/assets/scss/_Fabric.Common.scss +15 -0
  46. data/vendor/assets/scss/_Fabric.Grid.scss +34 -0
  47. data/vendor/assets/scss/_Fabric.Icons.scss +397 -0
  48. data/vendor/assets/scss/_Fabric.Mixins.RTL.scss +315 -0
  49. data/vendor/assets/scss/_Fabric.Mixins.scss +274 -0
  50. data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss +697 -0
  51. data/vendor/assets/scss/_Fabric.Responsive.Variables.scss +35 -0
  52. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +170 -0
  53. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +118 -0
  54. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +27 -0
  55. data/vendor/assets/scss/_Fabric.Typography.scss +357 -0
  56. data/vendor/assets/scss/_Fabric.Utilities.scss +36 -0
  57. data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss +32 -0
  58. data/vendor/assets/scss/_Office.Color.Variables.scss +34 -0
  59. metadata +172 -0
@@ -0,0 +1,76 @@
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
+ // Additional @font-face rules for the Leelawadee font.
11
+ @font-face {
12
+ font-family: "Leelawadee UI Bold";
13
+ src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.eot?#iefix') format('embedded-opentype'),
14
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff') format('woff'),
15
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.ttf') format('truetype'),
16
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold#LeelawadeeUI-Bold') format('svg');
17
+ font-weight: normal;
18
+ font-style: normal;
19
+ }
20
+
21
+ @font-face {
22
+ font-family: "Leelawadee UI";
23
+ src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.eot?#iefix') format('embedded-opentype'),
24
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff') format('woff'),
25
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.ttf') format('truetype'),
26
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular#LeelawadeeUI-Regular') format('svg');
27
+ font-weight: normal;
28
+ font-style: normal;
29
+ }
30
+
31
+ @font-face {
32
+ font-family: "Leelawadee UI Semilight";
33
+ src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.eot?#iefix') format('embedded-opentype'),
34
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff') format('woff'),
35
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.ttf') format('truetype'),
36
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight#LeelawadeeUI-Semilight') format('svg');
37
+ font-weight: normal;
38
+ font-style: normal;
39
+ }
40
+
41
+
42
+ // Mixins to generate language-specific font faces.
43
+ @include SegoeUIArabicLight;
44
+ @include SegoeUIArabicRegular;
45
+ @include SegoeUIArabicSemibold;
46
+ @include SegoeUIArabicSemilight;
47
+
48
+ @include SegoeUICyrillicLight;
49
+ @include SegoeUICyrillicRegular;
50
+ @include SegoeUICyrillicSemibold;
51
+ @include SegoeUICyrillicSemilight;
52
+
53
+ @include SegoeUIEastEuropeanLight;
54
+ @include SegoeUIEastEuropeanRegular;
55
+ @include SegoeUIEastEuropeanSemibold;
56
+ @include SegoeUIEastEuropeanSemilight;
57
+
58
+ @include SegoeUIGreekLight;
59
+ @include SegoeUIGreekRegular;
60
+ @include SegoeUIGreekSemibold;
61
+ @include SegoeUIGreekSemilight;
62
+
63
+ @include SegoeUIHebrewLight;
64
+ @include SegoeUIHebrewRegular;
65
+ @include SegoeUIHebrewSemibold;
66
+ @include SegoeUIHebrewSemilight;
67
+
68
+ @include SegoeUIVietnameseLight;
69
+ @include SegoeUIVietnameseRegular;
70
+ @include SegoeUIVietnameseSemibold;
71
+ @include SegoeUIVietnameseSemilight;
72
+
73
+ @include SegoeUIWestEuropeanLight;
74
+ @include SegoeUIWestEuropeanRegular;
75
+ @include SegoeUIWestEuropeanSemibold;
76
+ @include SegoeUIWestEuropeanSemilight;
@@ -0,0 +1,56 @@
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
7
+
8
+ @import "./Fabric.Typography.Language.Overrides";
9
+
10
+ // Generate the override classes for non-distributed fonts.
11
+ @include language-override-system-fonts(ja-JP, $ms-font-stack-japanese);
12
+ @include language-override-system-fonts(ko-KR, $ms-font-stack-korean);
13
+ @include language-override-system-fonts(ch-ZHS, $ms-font-stack-chinese-simplified);
14
+ @include language-override-system-fonts(ch-ZHT, $ms-font-stack-chinese-traditional);
15
+ @include language-override-system-fonts(hi-IN, $ms-font-stack-hindi);
16
+
17
+ // Generate the override classes for web fonts.
18
+ // Leelawadee
19
+ // th-TH
20
+ @include language-override-web-fonts(th-TH, $ms-font-family-semilight-leelawadee, $ms-font-family-semilight-leelawadee, $ms-font-family-regular-leelawadee, $ms-font-family-semibold-leelawadee);
21
+
22
+ // Arabic
23
+ // ar
24
+ @include language-override-web-fonts(ar, $ms-font-family-light-arabic, $ms-font-family-semilight-arabic, $ms-font-family-regular-arabic, $ms-font-family-semibold-arabic);
25
+
26
+ // Cyrillic
27
+ // bg-BG, ru-RU, uk-UA
28
+ @include language-override-web-fonts(bg-BG, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic);
29
+ @include language-override-web-fonts(ru-RU, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic);
30
+ @include language-override-web-fonts(uk-UA, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic);
31
+
32
+ // East European
33
+ // cs-CZ, et-EE, hr-HR, hu-HU, lt-LT, pl-PL, lt-sr-SP, tr-TR, sk-SK, kk-KZ
34
+ @include language-override-web-fonts(cs-CZ, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
35
+ @include language-override-web-fonts(et-EE, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
36
+ @include language-override-web-fonts(hr-HR, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
37
+ @include language-override-web-fonts(hu-HU, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
38
+ @include language-override-web-fonts(lt-LT, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
39
+ @include language-override-web-fonts(lv-LV, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
40
+ @include language-override-web-fonts(pl-PL, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
41
+ @include language-override-web-fonts(lt-sr-SP, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
42
+ @include language-override-web-fonts(tr-TR, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
43
+ @include language-override-web-fonts(sk-SK, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
44
+ @include language-override-web-fonts(kk-KZ, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
45
+
46
+ // Greek
47
+ // el-GR
48
+ @include language-override-web-fonts(el-GR, $ms-font-family-light-greek, $ms-font-family-semilight-greek, $ms-font-family-regular-greek, $ms-font-family-semibold-greek);
49
+
50
+ // Hebrew
51
+ // he-IL
52
+ @include language-override-web-fonts(he-IL, $ms-font-family-light-hebrew, $ms-font-family-semilight-hebrew, $ms-font-family-regular-hebrew, $ms-font-family-semibold-hebrew);
53
+
54
+ // Vietnamese
55
+ // vi-VN
56
+ @include language-override-web-fonts(vi-VN, $ms-font-family-light-vietnamese, $ms-font-family-semilight-vietnamese, $ms-font-family-regular-vietnamese, $ms-font-family-semibold-vietnamese);
@@ -0,0 +1,379 @@
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 {
373
+ @include ms-fontColor-alert;
374
+ }
375
+
376
+ .ms-fontColor-error,
377
+ .ms-fontColor-error--hover:hover {
378
+ @include ms-fontColor-error;
379
+ }