office-ui-fabric-core-rails 5.1.0.0 → 6.0.0.0

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