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