office-ui-fabric-core-rails 5.1.0.0 → 6.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 (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
@@ -0,0 +1,33 @@
1
+ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
+
3
+ // Produce @font-face definitions for each of the web fonts.
4
+ @include ms-font-face('Leelawadee UI Web', 'leelawadeeui-thai', 'leelawadeeui');
5
+ @include ms-font-face('Segoe UI Web (Arabic)', 'segoeui-arabic');
6
+ @include ms-font-face('Segoe UI Web (Cyrillic)', 'segoeui-cyrillic');
7
+ @include ms-font-face('Segoe UI Web (East European)', 'segoeui-easteuropean');
8
+ @include ms-font-face('Segoe UI Web (Greek)', 'segoeui-greek');
9
+ @include ms-font-face('Segoe UI Web (Hebrew)', 'segoeui-hebrew');
10
+ @include ms-font-face('Segoe UI Web (Vietnamese)', 'segoeui-vietnamese');
11
+ @include ms-font-face('Segoe UI Web (West European)', 'segoeui-westeuropean');
12
+ @include ms-font-face('Selawik Web', 'selawik', 'selawik');
13
+
14
+
15
+ // Leelawadee UI (Thai) does not have a 'light' weight, so we override
16
+ // the font-face generated above to use the 'semilight' weight instead.
17
+ @font-face {
18
+ font-family: 'Leelawadee UI Web';
19
+ src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2') format('woff2'),
20
+ url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff') format('woff');
21
+ font-weight: 100;
22
+ font-style: normal;
23
+ }
24
+
25
+ // Leelawadee UI (Thai) does not have a 'semibold' weight, so we override
26
+ // the font-face generated above to use the 'bold' weight instead.
27
+ @font-face {
28
+ font-family: 'Leelawadee UI Web';
29
+ src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2') format('woff2'),
30
+ url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff') format('woff');
31
+ font-weight: 600;
32
+ font-style: normal;
33
+ }
@@ -1,389 +1,387 @@
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
- }
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
+ // Super Styles (LIMITED USE)
8
+ // Weights: Light
9
+ .ms-font-su {
10
+ @include ms-font-su;
11
+ }
12
+ // No touch class for Super
13
+
14
+ // Extra-Extra-Large
15
+ // Allowed weights: Light, SemiLight
16
+ .ms-font-xxl {
17
+ @include ms-font-xxl;
18
+ }
19
+
20
+ // Extra-Large Styles
21
+ // Allowed weights: Light, SemiLight
22
+ .ms-font-xl {
23
+ @include ms-font-xl;
24
+ }
25
+
26
+ // Large Styles
27
+ // Allowed weights: SemiLight, Regular, Semibold
28
+ .ms-font-l {
29
+ @include ms-font-l;
30
+ }
31
+
32
+ // Medium Plus Styles
33
+ // Allowed weights: SemiLight, Regular, Semibold
34
+ .ms-font-m-plus {
35
+ @include ms-font-m-plus;
36
+ }
37
+
38
+ // Medium Styles
39
+ // Allowed weights: SemiLight, Regular, Semibold
40
+ .ms-font-m {
41
+ @include ms-font-m;
42
+ }
43
+
44
+ // Small Plus Styles
45
+ // Allowed weights: SemiLight, Regular, Semibold
46
+ .ms-font-s-plus {
47
+ @include ms-font-s-plus;
48
+ }
49
+
50
+ // Small Styles
51
+ // Allowed weights: SemiLight, Regular, Semibold
52
+ .ms-font-s {
53
+ @include ms-font-s;
54
+ }
55
+
56
+ // XS Styles
57
+ // Allowed weights: SemiLight, Regular, Semibold
58
+ .ms-font-xs {
59
+ @include ms-font-xs;
60
+ }
61
+
62
+ // Micro Styles (LIMITED USE)
63
+ // Weights: Semibold
64
+ .ms-font-mi {
65
+ @include ms-font-mi;
66
+ }
67
+
68
+ //== Helper classes & mixins
69
+ //
70
+ // Helper mixins to override default type values
71
+
72
+ // Font weights
73
+ .ms-fontWeight-light,
74
+ .ms-fontWeight-light--hover:hover {
75
+ @include ms-fontWeight-light;
76
+ }
77
+
78
+ .ms-fontWeight-semilight,
79
+ .ms-fontWeight-semilight--hover:hover {
80
+ @include ms-fontWeight-semilight;
81
+ }
82
+
83
+ .ms-fontWeight-regular,
84
+ .ms-fontWeight-regular--hover:hover {
85
+ @include ms-fontWeight-regular;
86
+ }
87
+
88
+ .ms-fontWeight-semibold,
89
+ .ms-fontWeight-semibold--hover:hover {
90
+ @include ms-fontWeight-semibold;
91
+ }
92
+
93
+ // Font sizes
94
+ .ms-fontSize-su {
95
+ @include ms-fontSize-su;
96
+ }
97
+
98
+ .ms-fontSize-xxl {
99
+ @include ms-fontSize-xxl;
100
+ }
101
+
102
+ .ms-fontSize-xl {
103
+ @include ms-fontSize-xl;
104
+ }
105
+
106
+ .ms-fontSize-l {
107
+ @include ms-fontSize-l;
108
+ }
109
+
110
+ .ms-fontSize-mPlus {
111
+ @include ms-fontSize-mPlus;
112
+ }
113
+
114
+ .ms-fontSize-m {
115
+ @include ms-fontSize-m;
116
+ }
117
+
118
+ .ms-fontSize-sPlus {
119
+ @include ms-fontSize-sPlus;
120
+ }
121
+
122
+ .ms-fontSize-s {
123
+ @include ms-fontSize-s;
124
+ }
125
+
126
+ .ms-fontSize-xs {
127
+ @include ms-fontSize-xs;
128
+ }
129
+
130
+ .ms-fontSize-mi {
131
+ @include ms-fontSize-mi;
132
+ }
133
+
134
+ // Theme colors
135
+ .ms-fontColor-themeDarker,
136
+ .ms-fontColor-themeDarker--hover:hover {
137
+ @include ms-fontColor-themeDarker;
138
+ }
139
+
140
+ .ms-fontColor-themeDark,
141
+ .ms-fontColor-themeDark--hover:hover {
142
+ @include ms-fontColor-themeDark;
143
+ }
144
+
145
+ .ms-fontColor-themeDarkAlt,
146
+ .ms-fontColor-themeDarkAlt--hover:hover {
147
+ @include ms-fontColor-themeDarkAlt;
148
+ }
149
+
150
+ .ms-fontColor-themePrimary,
151
+ .ms-fontColor-themePrimary--hover:hover {
152
+ @include ms-fontColor-themePrimary;
153
+ }
154
+
155
+ .ms-fontColor-themeSecondary,
156
+ .ms-fontColor-themeSecondary--hover:hover {
157
+ @include ms-fontColor-themeSecondary;
158
+ }
159
+
160
+ .ms-fontColor-themeTertiary,
161
+ .ms-fontColor-themeTertiary--hover:hover {
162
+ @include ms-fontColor-themeTertiary;
163
+ }
164
+
165
+ .ms-fontColor-themeLight,
166
+ .ms-fontColor-themeLight--hover:hover {
167
+ @include ms-fontColor-themeLight;
168
+ }
169
+
170
+ .ms-fontColor-themeLighter,
171
+ .ms-fontColor-themeLighter--hover:hover {
172
+ @include ms-fontColor-themeLighter;
173
+ }
174
+
175
+ .ms-fontColor-themeLighterAlt,
176
+ .ms-fontColor-themeLighterAlt--hover:hover {
177
+ @include ms-fontColor-themeLighterAlt;
178
+ }
179
+
180
+
181
+ // Neutral colors
182
+ .ms-fontColor-black,
183
+ .ms-fontColor-black--hover:hover {
184
+ @include ms-fontColor-black;
185
+ }
186
+
187
+ .ms-fontColor-neutralDark,
188
+ .ms-fontColor-neutralDark--hover:hover {
189
+ @include ms-fontColor-neutralDark;
190
+ }
191
+
192
+ .ms-fontColor-neutralPrimary,
193
+ .ms-fontColor-neutralPrimary--hover:hover {
194
+ @include ms-fontColor-neutralPrimary;
195
+ }
196
+
197
+ .ms-fontColor-neutralPrimaryAlt,
198
+ .ms-fontColor-neutralPrimaryAlt--hover:hover {
199
+ @include ms-fontColor-neutralPrimaryAlt;
200
+ }
201
+
202
+ .ms-fontColor-neutralSecondary,
203
+ .ms-fontColor-neutralSecondary--hover:hover {
204
+ @include ms-fontColor-neutralSecondary;
205
+ }
206
+
207
+ .ms-fontColor-neutralSecondaryAlt,
208
+ .ms-fontColor-neutralSecondaryAlt--hover:hover {
209
+ @include ms-fontColor-neutralSecondaryAlt;
210
+ }
211
+
212
+ .ms-fontColor-neutralTertiary,
213
+ .ms-fontColor-neutralTertiary--hover:hover {
214
+ @include ms-fontColor-neutralTertiary;
215
+ }
216
+
217
+ .ms-fontColor-neutralTertiaryAlt,
218
+ .ms-fontColor-neutralTertiaryAlt--hover:hover {
219
+ @include ms-fontColor-neutralTertiaryAlt;
220
+ }
221
+
222
+ .ms-fontColor-neutralLight,
223
+ .ms-fontColor-neutralLight--hover:hover {
224
+ @include ms-fontColor-neutralLight;
225
+ }
226
+
227
+ .ms-fontColor-neutralLighter,
228
+ .ms-fontColor-neutralLighter--hover:hover {
229
+ @include ms-fontColor-neutralLighter;
230
+ }
231
+
232
+ .ms-fontColor-neutralLighterAlt,
233
+ .ms-fontColor-neutralLighterAlt--hover:hover {
234
+ @include ms-fontColor-neutralLighterAlt;
235
+ }
236
+
237
+ .ms-fontColor-white,
238
+ .ms-fontColor-white--hover:hover {
239
+ @include ms-fontColor-white;
240
+ }
241
+
242
+ // Brand and accent colors
243
+ .ms-fontColor-yellow,
244
+ .ms-fontColor-yellow--hover:hover {
245
+ @include ms-fontColor-yellow;
246
+ }
247
+
248
+ .ms-fontColor-yellowLight,
249
+ .ms-fontColor-yellowLight--hover:hover {
250
+ @include ms-fontColor-yellowLight;
251
+ }
252
+
253
+ .ms-fontColor-orange,
254
+ .ms-fontColor-orange--hover:hover {
255
+ @include ms-fontColor-orange;
256
+ }
257
+
258
+ .ms-fontColor-orangeLight,
259
+ .ms-fontColor-orangeLight--hover:hover {
260
+ @include ms-fontColor-orangeLight;
261
+ }
262
+
263
+ .ms-fontColor-orangeLighter,
264
+ .ms-fontColor-orangeLighter--hover:hover {
265
+ @include ms-fontColor-orangeLighter;
266
+ }
267
+
268
+ .ms-fontColor-redDark,
269
+ .ms-fontColor-redDark--hover:hover {
270
+ @include ms-fontColor-redDark;
271
+ }
272
+
273
+ .ms-fontColor-red,
274
+ .ms-fontColor-red--hover:hover {
275
+ @include ms-fontColor-red;
276
+ }
277
+
278
+ .ms-fontColor-magentaDark,
279
+ .ms-fontColor-magentaDark--hover:hover {
280
+ @include ms-fontColor-magentaDark;
281
+ }
282
+
283
+ .ms-fontColor-magenta,
284
+ .ms-fontColor-magenta--hover:hover {
285
+ @include ms-fontColor-magenta;
286
+ }
287
+
288
+ .ms-fontColor-magentaLight,
289
+ .ms-fontColor-magentaLight--hover:hover {
290
+ @include ms-fontColor-magentaLight;
291
+ }
292
+
293
+ .ms-fontColor-purpleDark,
294
+ .ms-fontColor-purpleDark--hover:hover {
295
+ @include ms-fontColor-purpleDark;
296
+ }
297
+
298
+ .ms-fontColor-purple,
299
+ .ms-fontColor-purple--hover:hover {
300
+ @include ms-fontColor-purple;
301
+ }
302
+
303
+ .ms-fontColor-purpleLight,
304
+ .ms-fontColor-purpleLight--hover:hover {
305
+ @include ms-fontColor-purpleLight;
306
+ }
307
+
308
+ .ms-fontColor-blueDark,
309
+ .ms-fontColor-blueDark--hover:hover {
310
+ @include ms-fontColor-blueDark;
311
+ }
312
+
313
+ .ms-fontColor-blueMid,
314
+ .ms-fontColor-blueMid--hover:hover {
315
+ @include ms-fontColor-blueMid;
316
+ }
317
+
318
+ .ms-fontColor-blue,
319
+ .ms-fontColor-blue--hover:hover {
320
+ @include ms-fontColor-blue;
321
+ }
322
+
323
+ .ms-fontColor-blueLight,
324
+ .ms-fontColor-blueLight--hover:hover {
325
+ @include ms-fontColor-blueLight;
326
+ }
327
+
328
+ .ms-fontColor-tealDark,
329
+ .ms-fontColor-tealDark--hover:hover {
330
+ @include ms-fontColor-tealDark;
331
+ }
332
+
333
+ .ms-fontColor-teal,
334
+ .ms-fontColor-teal--hover:hover {
335
+ @include ms-fontColor-teal;
336
+ }
337
+
338
+ .ms-fontColor-tealLight,
339
+ .ms-fontColor-tealLight--hover:hover {
340
+ @include ms-fontColor-tealLight;
341
+ }
342
+
343
+ .ms-fontColor-greenDark,
344
+ .ms-fontColor-greenDark--hover:hover {
345
+ @include ms-fontColor-greenDark;
346
+ }
347
+
348
+ .ms-fontColor-green,
349
+ .ms-fontColor-green--hover:hover {
350
+ @include ms-fontColor-green;
351
+ }
352
+
353
+ .ms-fontColor-greenLight,
354
+ .ms-fontColor-greenLight--hover:hover {
355
+ @include ms-fontColor-greenLight;
356
+ }
357
+
358
+ // Message colors
359
+ .ms-fontColor-info,
360
+ .ms-fontColor-info--hover:hover {
361
+ @include ms-fontColor-info;
362
+ }
363
+
364
+ .ms-fontColor-success,
365
+ .ms-fontColor-success--hover:hover {
366
+ @include ms-fontColor-success;
367
+ }
368
+
369
+ .ms-fontColor-alert,
370
+ .ms-fontColor-alert--hover:hover { // Deprecated: Use ms-fontColor-severeWarning
371
+ @include ms-fontColor-alert;
372
+ }
373
+
374
+ .ms-fontColor-warning,
375
+ .ms-fontColor-warning--hover:hover {
376
+ @include ms-fontColor-warning;
377
+ }
378
+
379
+ .ms-fontColor-severeWarning,
380
+ .ms-fontColor-severeWarning--hover:hover {
381
+ @include ms-fontColor-severeWarning;
382
+ }
383
+
384
+ .ms-fontColor-error,
385
+ .ms-fontColor-error--hover:hover {
386
+ @include ms-fontColor-error;
387
+ }