office-ui-fabric-rails 2.5.0.0

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