office-ui-fabric-core-rails 4.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 (57) 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 +56 -0
  8. data/Rakefile +23 -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-core-rails.rb +2 -0
  13. data/lib/office-ui-fabric-core-rails/engine.rb +6 -0
  14. data/lib/office-ui-fabric-core-rails/version.rb +6 -0
  15. data/office-ui-fabric-core-rails.gemspec +35 -0
  16. data/vendor/assets/css/fabric.css +5616 -0
  17. data/vendor/assets/css/fabric.min.css +6 -0
  18. data/vendor/assets/css/fabric.rtl.css +6303 -0
  19. data/vendor/assets/css/fabric.rtl.min.css +6 -0
  20. data/vendor/assets/scss/Fabric.Animations.Output.scss +419 -0
  21. data/vendor/assets/scss/Fabric.Animations.RTL.Output.scss +80 -0
  22. data/vendor/assets/scss/Fabric.Base.Output.scss +14 -0
  23. data/vendor/assets/scss/Fabric.Color.Mixins.Output.scss +443 -0
  24. data/vendor/assets/scss/Fabric.Grid.Output.scss +32 -0
  25. data/vendor/assets/scss/Fabric.Icons.Font.Output.scss +21 -0
  26. data/vendor/assets/scss/Fabric.Icons.Output.scss +708 -0
  27. data/vendor/assets/scss/Fabric.Icons.RTL.Output.scss +114 -0
  28. data/vendor/assets/scss/Fabric.RTL.scss +39 -0
  29. data/vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss +1022 -0
  30. data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss +67 -0
  31. data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +13 -0
  32. data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +53 -0
  33. data/vendor/assets/scss/Fabric.Typography.Output.scss +389 -0
  34. data/vendor/assets/scss/Fabric.Utilities.Output.scss +46 -0
  35. data/vendor/assets/scss/Fabric.scss +40 -0
  36. data/vendor/assets/scss/_Fabric.Animations.RTL.scss +79 -0
  37. data/vendor/assets/scss/_Fabric.Animations.scss +237 -0
  38. data/vendor/assets/scss/_Fabric.Base.scss +13 -0
  39. data/vendor/assets/scss/_Fabric.Color.Mixins.scss +418 -0
  40. data/vendor/assets/scss/_Fabric.Color.Variables.scss +93 -0
  41. data/vendor/assets/scss/_Fabric.Common.scss +16 -0
  42. data/vendor/assets/scss/_Fabric.Grid.scss +34 -0
  43. data/vendor/assets/scss/_Fabric.Icons.Adjustments.scss +6 -0
  44. data/vendor/assets/scss/_Fabric.Icons.scss +739 -0
  45. data/vendor/assets/scss/_Fabric.Mixins.RTL.scss +325 -0
  46. data/vendor/assets/scss/_Fabric.Mixins.scss +282 -0
  47. data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss +697 -0
  48. data/vendor/assets/scss/_Fabric.Responsive.Variables.scss +35 -0
  49. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +167 -0
  50. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +50 -0
  51. data/vendor/assets/scss/_Fabric.Typography.Mixins.scss +11 -0
  52. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +29 -0
  53. data/vendor/assets/scss/_Fabric.Typography.scss +345 -0
  54. data/vendor/assets/scss/_Fabric.Utilities.scss +76 -0
  55. data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss +32 -0
  56. data/vendor/assets/scss/_Fabric.i18n.scss +316 -0
  57. metadata +170 -0
@@ -0,0 +1,114 @@
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
+ // RTL overrides for Fabricicons
7
+
8
+
9
+ @import 'Fabric.Icons.Output';
10
+
11
+ // Flip icons with 'directionality'
12
+ .ms-Icon--question,
13
+ .ms-Icon--calendar,
14
+ .ms-Icon--folder,
15
+ .ms-Icon--chat,
16
+ .ms-Icon--listBullets,
17
+ .ms-Icon--folderMove,
18
+ .ms-Icon--mailSend,
19
+ .ms-Icon--reply,
20
+ .ms-Icon--play,
21
+ .ms-Icon--replyAll,
22
+ .ms-Icon--refresh,
23
+ .ms-Icon--questionReverse,
24
+ .ms-Icon--notRecurring,
25
+ .ms-Icon--tasks,
26
+ .ms-Icon--check,
27
+ .ms-Icon--arrowLeft,
28
+ .ms-Icon--arrowRight,
29
+ .ms-Icon--directions,
30
+ .ms-Icon--caretLeft,
31
+ .ms-Icon--caretRight,
32
+ .ms-Icon--caretUpLeft,
33
+ .ms-Icon--caretUpRight,
34
+ .ms-Icon--caretDownRight,
35
+ .ms-Icon--caretDownLeft,
36
+ .ms-Icon--note,
37
+ .ms-Icon--noteReply,
38
+ .ms-Icon--noteForward,
39
+ .ms-Icon--taskRecurring,
40
+ .ms-Icon--documentReply,
41
+ .ms-Icon--documentForward,
42
+ .ms-Icon--reactivate,
43
+ .ms-Icon--chevronLeft,
44
+ .ms-Icon--chevronRight,
45
+ .ms-Icon--notebook,
46
+ .ms-Icon--chevronsLeft,
47
+ .ms-Icon--chevronsRight,
48
+ .ms-Icon--receiptForward,
49
+ .ms-Icon--receiptReply,
50
+ .ms-Icon--receiptCheck,
51
+ .ms-Icon--eventShare,
52
+ .ms-Icon--oofReply,
53
+ .ms-Icon--voicemailReply,
54
+ .ms-Icon--voicemailForward,
55
+ .ms-Icon--post,
56
+ .ms-Icon--toggle,
57
+ .ms-Icon--late,
58
+ .ms-Icon--eventRecurring,
59
+ .ms-Icon--cart,
60
+ .ms-Icon--socialListening,
61
+ .ms-Icon--replyAlt,
62
+ .ms-Icon--replyAllAlt,
63
+ .ms-Icon--graph,
64
+ .ms-Icon--pinLeft,
65
+ .ms-Icon--chart,
66
+ .ms-Icon--page,
67
+ .ms-Icon--document,
68
+ .ms-Icon--metadata,
69
+ .ms-Icon--pointItem,
70
+ .ms-Icon--dropdown,
71
+ .ms-Icon--checkbox,
72
+ .ms-Icon--reload,
73
+ .ms-Icon--multiChoice,
74
+ .ms-Icon--contactForm,
75
+ .ms-Icon--inboxCheck,
76
+ .ms-Icon--checkboxCheck,
77
+ .ms-Icon--folderSearch,
78
+ .ms-Icon--listCheck,
79
+ .ms-Icon--listGroup,
80
+ .ms-Icon--timeline
81
+ .ms-Icon--mailCheck,
82
+ .ms-Icon--listCheckbox,
83
+ .ms-Icon--sunQuestion,
84
+ .ms-Icon--chevronThinLeft,
85
+ .ms-Icon--chevronThinRight,
86
+ .ms-Icon--chevronThickLeft,
87
+ .ms-Icon--chevronThickRight,
88
+ .ms-Icon--documentLandscape,
89
+ .ms-Icon--peopleCheck,
90
+ .ms-Icon--caretLeftOutline,
91
+ .ms-Icon--caretRightOutline,
92
+ .ms-Icon--mailSync,
93
+ .ms-Icon--peopleSync,
94
+ .ms-Icon--checkPeople,
95
+ .ms-Icon--sortLines,
96
+ .ms-Icon--triangleRight::before,
97
+ .ms-Icon--triangleLeft::before,
98
+ .ms-Icon--contactPublic::before,
99
+ .ms-Icon--triangleEmptyRight::before,
100
+ .ms-Icon--triangleEmptyLeft::before,
101
+ .ms-Icon--fileDocument::before,
102
+ .ms-Icon--listGroup2::before,
103
+ .ms-Icon--copy::before,
104
+ .ms-Icon--sections::before,
105
+ .ms-Icon--arrowUpRight::before,
106
+ .ms-Icon--arrowDownRight::before,
107
+ .ms-Icon--arrowDownLeft::before,
108
+ .ms-Icon--arrowUpLeft::before,
109
+ .ms-Icon--bundle::before {
110
+ -moz-transform: scaleX(-1);
111
+ -webkit-transform: scaleX(-1);
112
+ -o-transform: scaleX(-1);
113
+ transform: scaleX(-1);
114
+ }
@@ -0,0 +1,39 @@
1
+ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
+
3
+ //
4
+ // OSS Framework Design Language
5
+ // --------------------------------------------------
6
+ // Fabric Core Module Loader (RTL)
7
+
8
+ // Common utilities
9
+ @import './Fabric.Utilities.Output';
10
+ @import './Fabric.ZIndex.Variables';
11
+ @import './Fabric.Mixins';
12
+ @import './Fabric.Mixins.RTL';
13
+
14
+ // Colors
15
+ @import './Fabric.Color.Variables';
16
+ @import './Fabric.Color.Mixins.Output';
17
+
18
+ // Typography
19
+ @import './Fabric.Typography.Variables';
20
+ @import './Fabric.Typography.Fonts.Output';
21
+ @import './Fabric.Typography.Output';
22
+ @import './Fabric.Typography.Language.Overrides.Output';
23
+
24
+ // Icons
25
+ @import './Fabric.Icons.Font.Output';
26
+ @import './Fabric.Icons.RTL.Output';
27
+
28
+ // Animations
29
+ @import './Fabric.Animations.RTL.Output';
30
+
31
+ // Responsive
32
+ @import './Fabric.Responsive.Variables';
33
+ @import './Fabric.Responsive.Utilities.Output';
34
+
35
+ // Grid
36
+ @import './Fabric.Grid.Output';
37
+
38
+ // Base/wrapper component
39
+ @import './Fabric.Base.Output';
@@ -0,0 +1,1022 @@
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
+ // Responsive utilities based on defined variables, component visibility,
7
+ // and size for different displays.
8
+ @import "./Fabric.Responsive.Variables";
9
+ @import "./Fabric.Responsive.Utilities.Variables";
10
+
11
+ //== Responsive visiblity classes
12
+ //
13
+
14
+ // Hidden on small
15
+ @media (max-width: $ms-screen-sm-max) {
16
+ .ms-u-hiddenSm,
17
+ .ms-u-hiddenMdDown,
18
+ .ms-u-hiddenLgDown,
19
+ .ms-u-hiddenXlDown,
20
+ .ms-u-hiddenXxlDown {
21
+ display: none !important;
22
+ }
23
+ }
24
+
25
+ // Hidden on medium
26
+ @media (min-width: $ms-screen-md-min) and (max-width: $ms-screen-md-max) {
27
+ .ms-u-hiddenMd,
28
+ .ms-u-hiddenMdUp,
29
+ .ms-u-hiddenMdDown,
30
+ .ms-u-hiddenLgDown,
31
+ .ms-u-hiddenXlDown,
32
+ .ms-u-hiddenXxlDown {
33
+ display: none !important;
34
+ }
35
+ }
36
+
37
+ // Hidden on large
38
+ @media (min-width: $ms-screen-lg-min) and (max-width: $ms-screen-lg-max) {
39
+ .ms-u-hiddenMdUp,
40
+ .ms-u-hiddenLg,
41
+ .ms-u-hiddenLgUp,
42
+ .ms-u-hiddenLgDown,
43
+ .ms-u-hiddenXlDown,
44
+ .ms-u-hiddenXxlDown {
45
+ display: none !important;
46
+ }
47
+ }
48
+
49
+ // Hidden on extra large
50
+ @media (min-width: $ms-screen-xl-min) and (max-width: $ms-screen-xl-max) {
51
+ .ms-u-hiddenMdUp,
52
+ .ms-u-hiddenLgUp,
53
+ .ms-u-hiddenXl,
54
+ .ms-u-hiddenXlUp,
55
+ .ms-u-hiddenXlDown,
56
+ .ms-u-hiddenXxlDown {
57
+ display: none !important;
58
+ }
59
+ }
60
+
61
+ // Hidden on extra extra large
62
+ @media (min-width: $ms-screen-xxl-min) and (max-width: $ms-screen-xxl-max) {
63
+ .ms-u-hiddenMdUp,
64
+ .ms-u-hiddenLgUp,
65
+ .ms-u-hiddenXlUp,
66
+ .ms-u-hiddenXxl,
67
+ .ms-u-hiddenXxlUp,
68
+ .ms-u-hiddenXxlDown {
69
+ display: none !important;
70
+ }
71
+ }
72
+
73
+ // Hidden on extra extra extra large
74
+ @media (min-width: $ms-screen-xxxl-min) {
75
+ .ms-u-hiddenMdUp,
76
+ .ms-u-hiddenLgUp,
77
+ .ms-u-hiddenXlUp,
78
+ .ms-u-hiddenXxlUp,
79
+ .ms-u-hiddenXxxl {
80
+ display: none !important;
81
+ }
82
+ }
83
+
84
+
85
+ //== Responsive sizes
86
+ //
87
+ // These are all based on a 12 column grid. For example,
88
+ // ms-u-sm6 sets the width to 50% (6/12) on small screens.
89
+
90
+ // Small screens (default)
91
+ .ms-u-sm12 {
92
+ @include ms-u-sm12;
93
+ }
94
+ .ms-u-sm11 {
95
+ @include ms-u-sm11;
96
+ }
97
+ .ms-u-sm10 {
98
+ @include ms-u-sm10;
99
+ }
100
+ .ms-u-sm9 {
101
+ @include ms-u-sm9;
102
+ }
103
+ .ms-u-sm8 {
104
+ @include ms-u-sm8;
105
+ }
106
+ .ms-u-sm7 {
107
+ @include ms-u-sm7;
108
+ }
109
+ .ms-u-sm6 {
110
+ @include ms-u-sm6;
111
+ }
112
+ .ms-u-sm5 {
113
+ @include ms-u-sm5;
114
+ }
115
+ .ms-u-sm4 {
116
+ @include ms-u-sm4;
117
+ }
118
+ .ms-u-sm3 {
119
+ @include ms-u-sm3;
120
+ }
121
+ .ms-u-sm2 {
122
+ @include ms-u-sm2;
123
+ }
124
+ .ms-u-sm1 {
125
+ @include ms-u-sm1;
126
+ }
127
+ .ms-u-smPull12 {
128
+ @include ms-u-smPull12;
129
+ }
130
+ .ms-u-smPull11 {
131
+ @include ms-u-smPull11;
132
+ }
133
+ .ms-u-smPull10 {
134
+ @include ms-u-smPull10;
135
+ }
136
+ .ms-u-smPull9 {
137
+ @include ms-u-smPull9;
138
+ }
139
+ .ms-u-smPull8 {
140
+ @include ms-u-smPull8;
141
+ }
142
+ .ms-u-smPull7 {
143
+ @include ms-u-smPull7;
144
+ }
145
+ .ms-u-smPull6 {
146
+ @include ms-u-smPull6;
147
+ }
148
+ .ms-u-smPull5 {
149
+ @include ms-u-smPull5;
150
+ }
151
+ .ms-u-smPull4 {
152
+ @include ms-u-smPull4;
153
+ }
154
+ .ms-u-smPull3 {
155
+ @include ms-u-smPull3;
156
+ }
157
+ .ms-u-smPull2 {
158
+ @include ms-u-smPull2;
159
+ }
160
+ .ms-u-smPull1 {
161
+ @include ms-u-smPull1;
162
+ }
163
+ .ms-u-smPull0 {
164
+ @include ms-u-smPull0;
165
+ }
166
+ .ms-u-smPush12 {
167
+ @include ms-u-smPush12;
168
+ }
169
+ .ms-u-smPush11 {
170
+ @include ms-u-smPush11;
171
+ }
172
+ .ms-u-smPush10 {
173
+ @include ms-u-smPush10;
174
+ }
175
+ .ms-u-smPush9 {
176
+ @include ms-u-smPush9;
177
+ }
178
+ .ms-u-smPush8 {
179
+ @include ms-u-smPush8;
180
+ }
181
+ .ms-u-smPush7 {
182
+ @include ms-u-smPush7;
183
+ }
184
+ .ms-u-smPush6 {
185
+ @include ms-u-smPush6;
186
+ }
187
+ .ms-u-smPush5 {
188
+ @include ms-u-smPush5;
189
+ }
190
+ .ms-u-smPush4 {
191
+ @include ms-u-smPush4;
192
+ }
193
+ .ms-u-smPush3 {
194
+ @include ms-u-smPush3;
195
+ }
196
+ .ms-u-smPush2 {
197
+ @include ms-u-smPush2;
198
+ }
199
+ .ms-u-smPush1 {
200
+ @include ms-u-smPush1;
201
+ }
202
+ .ms-u-smPush0 {
203
+ @include ms-u-smPush0;
204
+ }
205
+
206
+ // Small Offset classes 0 ... 11
207
+ .ms-u-smOffset11 {
208
+ margin-left: 91.66666666666666%;
209
+ }
210
+ .ms-u-smOffset10 {
211
+ margin-left: 83.33333333333334%;
212
+ }
213
+ .ms-u-smOffset9 {
214
+ margin-left: 75%;
215
+ }
216
+ .ms-u-smOffset8 {
217
+ margin-left: 66.66666666666666%;
218
+ }
219
+ .ms-u-smOffset7 {
220
+ margin-left: 58.333333333333336%;
221
+ }
222
+ .ms-u-smOffset6 {
223
+ margin-left: 50%;
224
+ }
225
+ .ms-u-smOffset5 {
226
+ margin-left: 41.66666666666667%;
227
+ }
228
+ .ms-u-smOffset4 {
229
+ margin-left: 33.33333333333333%;
230
+ }
231
+ .ms-u-smOffset3 {
232
+ margin-left: 25%;
233
+ }
234
+ .ms-u-smOffset2 {
235
+ margin-left: 16.666666666666664%;
236
+ }
237
+ .ms-u-smOffset1 {
238
+ margin-left: 8.333333333333332%;
239
+ }
240
+ .ms-u-smOffset0 {
241
+ margin-left: 0;
242
+ }
243
+
244
+ // Medium screens
245
+ @media (min-width: $ms-screen-md-min) {
246
+ .ms-u-md12 {
247
+ @include ms-u-md12;
248
+ }
249
+ .ms-u-md11 {
250
+ @include ms-u-md11;
251
+ }
252
+ .ms-u-md10 {
253
+ @include ms-u-md10;
254
+ }
255
+ .ms-u-md9 {
256
+ @include ms-u-md9;
257
+ }
258
+ .ms-u-md8 {
259
+ @include ms-u-md8;
260
+ }
261
+ .ms-u-md7 {
262
+ @include ms-u-md7;
263
+ }
264
+ .ms-u-md6 {
265
+ @include ms-u-md6;
266
+ }
267
+ .ms-u-md5 {
268
+ @include ms-u-md5;
269
+ }
270
+ .ms-u-md4 {
271
+ @include ms-u-md4;
272
+ }
273
+ .ms-u-md3 {
274
+ @include ms-u-md3;
275
+ }
276
+ .ms-u-md2 {
277
+ @include ms-u-md2;
278
+ }
279
+ .ms-u-md1 {
280
+ @include ms-u-md1;
281
+ }
282
+ .ms-u-mdPull12 {
283
+ @include ms-u-mdPull12;
284
+ }
285
+ .ms-u-mdPull11 {
286
+ @include ms-u-mdPull11;
287
+ }
288
+ .ms-u-mdPull10 {
289
+ @include ms-u-mdPull10;
290
+ }
291
+ .ms-u-mdPull9 {
292
+ @include ms-u-mdPull9;
293
+ }
294
+ .ms-u-mdPull8 {
295
+ @include ms-u-mdPull8;
296
+ }
297
+ .ms-u-mdPull7 {
298
+ @include ms-u-mdPull7;
299
+ }
300
+ .ms-u-mdPull6 {
301
+ @include ms-u-mdPull6;
302
+ }
303
+ .ms-u-mdPull5 {
304
+ @include ms-u-mdPull5;
305
+ }
306
+ .ms-u-mdPull4 {
307
+ @include ms-u-mdPull4;
308
+ }
309
+ .ms-u-mdPull3 {
310
+ @include ms-u-mdPull3;
311
+ }
312
+ .ms-u-mdPull2 {
313
+ @include ms-u-mdPull2;
314
+ }
315
+ .ms-u-mdPull1 {
316
+ @include ms-u-mdPull1;
317
+ }
318
+ .ms-u-mdPull0 {
319
+ @include ms-u-mdPull0;
320
+ }
321
+ .ms-u-mdPush12 {
322
+ @include ms-u-mdPush12;
323
+ }
324
+ .ms-u-mdPush11 {
325
+ @include ms-u-mdPush11;
326
+ }
327
+ .ms-u-mdPush10 {
328
+ @include ms-u-mdPush10;
329
+ }
330
+ .ms-u-mdPush9 {
331
+ @include ms-u-mdPush9;
332
+ }
333
+ .ms-u-mdPush8 {
334
+ @include ms-u-mdPush8;
335
+ }
336
+ .ms-u-mdPush7 {
337
+ @include ms-u-mdPush7;
338
+ }
339
+ .ms-u-mdPush6 {
340
+ @include ms-u-mdPush6;
341
+ }
342
+ .ms-u-mdPush5 {
343
+ @include ms-u-mdPush5;
344
+ }
345
+ .ms-u-mdPush4 {
346
+ @include ms-u-mdPush4;
347
+ }
348
+ .ms-u-mdPush3 {
349
+ @include ms-u-mdPush3;
350
+ }
351
+ .ms-u-mdPush2 {
352
+ @include ms-u-mdPush2;
353
+ }
354
+ .ms-u-mdPush1 {
355
+ @include ms-u-mdPush1;
356
+ }
357
+ .ms-u-mdPush0 {
358
+ @include ms-u-mdPush0;
359
+ }
360
+
361
+ // Medium Offset classes 0 ... 11
362
+ .ms-u-mdOffset11 {
363
+ margin-left: 91.66666666666666%;
364
+ }
365
+ .ms-u-mdOffset10 {
366
+ margin-left: 83.33333333333334%;
367
+ }
368
+ .ms-u-mdOffset9 {
369
+ margin-left: 75%;
370
+ }
371
+ .ms-u-mdOffset8 {
372
+ margin-left: 66.66666666666666%;
373
+ }
374
+ .ms-u-mdOffset7 {
375
+ margin-left: 58.333333333333336%;
376
+ }
377
+ .ms-u-mdOffset6 {
378
+ margin-left: 50%;
379
+ }
380
+ .ms-u-mdOffset5 {
381
+ margin-left: 41.66666666666667%;
382
+ }
383
+ .ms-u-mdOffset4 {
384
+ margin-left: 33.33333333333333%;
385
+ }
386
+ .ms-u-mdOffset3 {
387
+ margin-left: 25%;
388
+ }
389
+ .ms-u-mdOffset2 {
390
+ margin-left: 16.666666666666664%;
391
+ }
392
+ .ms-u-mdOffset1 {
393
+ margin-left: 8.333333333333332%;
394
+ }
395
+ .ms-u-mdOffset0 {
396
+ margin-left: 0;
397
+ }
398
+ }
399
+
400
+ // Large screens
401
+ @media (min-width: $ms-screen-lg-min) {
402
+ .ms-u-lg12 {
403
+ @include ms-u-lg12;
404
+ }
405
+ .ms-u-lg11 {
406
+ @include ms-u-lg11;
407
+ }
408
+ .ms-u-lg10 {
409
+ @include ms-u-lg10;
410
+ }
411
+ .ms-u-lg9 {
412
+ @include ms-u-lg9;
413
+ }
414
+ .ms-u-lg8 {
415
+ @include ms-u-lg8;
416
+ }
417
+ .ms-u-lg7 {
418
+ @include ms-u-lg7;
419
+ }
420
+ .ms-u-lg6 {
421
+ @include ms-u-lg6;
422
+ }
423
+ .ms-u-lg5 {
424
+ @include ms-u-lg5;
425
+ }
426
+ .ms-u-lg4 {
427
+ @include ms-u-lg4;
428
+ }
429
+ .ms-u-lg3 {
430
+ @include ms-u-lg3;
431
+ }
432
+ .ms-u-lg2 {
433
+ @include ms-u-lg2;
434
+ }
435
+ .ms-u-lg1 {
436
+ @include ms-u-lg1;
437
+ }
438
+ .ms-u-lgPull12 {
439
+ @include ms-u-lgPull12;
440
+ }
441
+ .ms-u-lgPull11 {
442
+ @include ms-u-lgPull11;
443
+ }
444
+ .ms-u-lgPull10 {
445
+ @include ms-u-lgPull10;
446
+ }
447
+ .ms-u-lgPull9 {
448
+ @include ms-u-lgPull9;
449
+ }
450
+ .ms-u-lgPull8 {
451
+ @include ms-u-lgPull8;
452
+ }
453
+ .ms-u-lgPull7 {
454
+ @include ms-u-lgPull7;
455
+ }
456
+ .ms-u-lgPull6 {
457
+ @include ms-u-lgPull6;
458
+ }
459
+ .ms-u-lgPull5 {
460
+ @include ms-u-lgPull5;
461
+ }
462
+ .ms-u-lgPull4 {
463
+ @include ms-u-lgPull4;
464
+ }
465
+ .ms-u-lgPull3 {
466
+ @include ms-u-lgPull3;
467
+ }
468
+ .ms-u-lgPull2 {
469
+ @include ms-u-lgPull2;
470
+ }
471
+ .ms-u-lgPull1 {
472
+ @include ms-u-lgPull1;
473
+ }
474
+ .ms-u-lgPull0 {
475
+ @include ms-u-lgPull0;
476
+ }
477
+ .ms-u-lgPush12 {
478
+ @include ms-u-lgPush12;
479
+ }
480
+ .ms-u-lgPush11 {
481
+ @include ms-u-lgPush11;
482
+ }
483
+ .ms-u-lgPush10 {
484
+ @include ms-u-lgPush10;
485
+ }
486
+ .ms-u-lgPush9 {
487
+ @include ms-u-lgPush9;
488
+ }
489
+ .ms-u-lgPush8 {
490
+ @include ms-u-lgPush8;
491
+ }
492
+ .ms-u-lgPush7 {
493
+ @include ms-u-lgPush7;
494
+ }
495
+ .ms-u-lgPush6 {
496
+ @include ms-u-lgPush6;
497
+ }
498
+ .ms-u-lgPush5 {
499
+ @include ms-u-lgPush5;
500
+ }
501
+ .ms-u-lgPush4 {
502
+ @include ms-u-lgPush4;
503
+ }
504
+ .ms-u-lgPush3 {
505
+ @include ms-u-lgPush3;
506
+ }
507
+ .ms-u-lgPush2 {
508
+ @include ms-u-lgPush2;
509
+ }
510
+ .ms-u-lgPush1 {
511
+ @include ms-u-lgPush1;
512
+ }
513
+ .ms-u-lgPush0 {
514
+ @include ms-u-lgPush0;
515
+ }
516
+
517
+ // Large Offset classes 0 ... 11
518
+ .ms-u-lgOffset11 {
519
+ margin-left: 91.66666666666666%;
520
+ }
521
+ .ms-u-lgOffset10 {
522
+ margin-left: 83.33333333333334%;
523
+ }
524
+ .ms-u-lgOffset9 {
525
+ margin-left: 75%;
526
+ }
527
+ .ms-u-lgOffset8 {
528
+ margin-left: 66.66666666666666%;
529
+ }
530
+ .ms-u-lgOffset7 {
531
+ margin-left: 58.333333333333336%;
532
+ }
533
+ .ms-u-lgOffset6 {
534
+ margin-left: 50%;
535
+ }
536
+ .ms-u-lgOffset5 {
537
+ margin-left: 41.66666666666667%;
538
+ }
539
+ .ms-u-lgOffset4 {
540
+ margin-left: 33.33333333333333%;
541
+ }
542
+ .ms-u-lgOffset3 {
543
+ margin-left: 25%;
544
+ }
545
+ .ms-u-lgOffset2 {
546
+ margin-left: 16.666666666666664%;
547
+ }
548
+ .ms-u-lgOffset1 {
549
+ margin-left: 8.333333333333332%;
550
+ }
551
+ .ms-u-lgOffset0 {
552
+ margin-left: 0;
553
+ }
554
+ }
555
+
556
+ // Extra large screens
557
+ @media (min-width: $ms-screen-xl-min) {
558
+ .ms-u-xl12 {
559
+ @include ms-u-xl12;
560
+ }
561
+ .ms-u-xl11 {
562
+ @include ms-u-xl11;
563
+ }
564
+ .ms-u-xl10 {
565
+ @include ms-u-xl10;
566
+ }
567
+ .ms-u-xl9 {
568
+ @include ms-u-xl9;
569
+ }
570
+ .ms-u-xl8 {
571
+ @include ms-u-xl8;
572
+ }
573
+ .ms-u-xl7 {
574
+ @include ms-u-xl7;
575
+ }
576
+ .ms-u-xl6 {
577
+ @include ms-u-xl6;
578
+ }
579
+ .ms-u-xl5 {
580
+ @include ms-u-xl5;
581
+ }
582
+ .ms-u-xl4 {
583
+ @include ms-u-xl4;
584
+ }
585
+ .ms-u-xl3 {
586
+ @include ms-u-xl3;
587
+ }
588
+ .ms-u-xl2 {
589
+ @include ms-u-xl2;
590
+ }
591
+ .ms-u-xl1 {
592
+ @include ms-u-xl1;
593
+ }
594
+ .ms-u-xlPull12 {
595
+ @include ms-u-xlPull12;
596
+ }
597
+ .ms-u-xlPull11 {
598
+ @include ms-u-xlPull11;
599
+ }
600
+ .ms-u-xlPull10 {
601
+ @include ms-u-xlPull10;
602
+ }
603
+ .ms-u-xlPull9 {
604
+ @include ms-u-xlPull9;
605
+ }
606
+ .ms-u-xlPull8 {
607
+ @include ms-u-xlPull8;
608
+ }
609
+ .ms-u-xlPull7 {
610
+ @include ms-u-xlPull7;
611
+ }
612
+ .ms-u-xlPull6 {
613
+ @include ms-u-xlPull6;
614
+ }
615
+ .ms-u-xlPull5 {
616
+ @include ms-u-xlPull5;
617
+ }
618
+ .ms-u-xlPull4 {
619
+ @include ms-u-xlPull4;
620
+ }
621
+ .ms-u-xlPull3 {
622
+ @include ms-u-xlPull3;
623
+ }
624
+ .ms-u-xlPull2 {
625
+ @include ms-u-xlPull2;
626
+ }
627
+ .ms-u-xlPull1 {
628
+ @include ms-u-xlPull1;
629
+ }
630
+ .ms-u-xlPull0 {
631
+ @include ms-u-xlPull0;
632
+ }
633
+ .ms-u-xlPush12 {
634
+ @include ms-u-xlPush12;
635
+ }
636
+ .ms-u-xlPush11 {
637
+ @include ms-u-xlPush11;
638
+ }
639
+ .ms-u-xlPush10 {
640
+ @include ms-u-xlPush10;
641
+ }
642
+ .ms-u-xlPush9 {
643
+ @include ms-u-xlPush9;
644
+ }
645
+ .ms-u-xlPush8 {
646
+ @include ms-u-xlPush8;
647
+ }
648
+ .ms-u-xlPush7 {
649
+ @include ms-u-xlPush7;
650
+ }
651
+ .ms-u-xlPush6 {
652
+ @include ms-u-xlPush6;
653
+ }
654
+ .ms-u-xlPush5 {
655
+ @include ms-u-xlPush5;
656
+ }
657
+ .ms-u-xlPush4 {
658
+ @include ms-u-xlPush4;
659
+ }
660
+ .ms-u-xlPush3 {
661
+ @include ms-u-xlPush3;
662
+ }
663
+ .ms-u-xlPush2 {
664
+ @include ms-u-xlPush2;
665
+ }
666
+ .ms-u-xlPush1 {
667
+ @include ms-u-xlPush1;
668
+ }
669
+ .ms-u-xlPush0 {
670
+ @include ms-u-xlPush0;
671
+ }
672
+
673
+ // Large Offset classes 0 ... 11
674
+ .ms-u-xlOffset11 {
675
+ margin-left: 91.66666666666666%;
676
+ }
677
+ .ms-u-xlOffset10 {
678
+ margin-left: 83.33333333333334%;
679
+ }
680
+ .ms-u-xlOffset9 {
681
+ margin-left: 75%;
682
+ }
683
+ .ms-u-xlOffset8 {
684
+ margin-left: 66.66666666666666%;
685
+ }
686
+ .ms-u-xlOffset7 {
687
+ margin-left: 58.333333333333336%;
688
+ }
689
+ .ms-u-xlOffset6 {
690
+ margin-left: 50%;
691
+ }
692
+ .ms-u-xlOffset5 {
693
+ margin-left: 41.66666666666667%;
694
+ }
695
+ .ms-u-xlOffset4 {
696
+ margin-left: 33.33333333333333%;
697
+ }
698
+ .ms-u-xlOffset3 {
699
+ margin-left: 25%;
700
+ }
701
+ .ms-u-xlOffset2 {
702
+ margin-left: 16.666666666666664%;
703
+ }
704
+ .ms-u-xlOffset1 {
705
+ margin-left: 8.333333333333332%;
706
+ }
707
+ .ms-u-xlOffset0 {
708
+ margin-left: 0;
709
+ }
710
+ }
711
+
712
+ // Extra extra large screens
713
+ @media (min-width: $ms-screen-xxl-min) {
714
+ .ms-u-xxl12 {
715
+ @include ms-u-xxl12;
716
+ }
717
+ .ms-u-xxl11 {
718
+ @include ms-u-xxl11;
719
+ }
720
+ .ms-u-xxl10 {
721
+ @include ms-u-xxl10;
722
+ }
723
+ .ms-u-xxl9 {
724
+ @include ms-u-xxl9;
725
+ }
726
+ .ms-u-xxl8 {
727
+ @include ms-u-xxl8;
728
+ }
729
+ .ms-u-xxl7 {
730
+ @include ms-u-xxl7;
731
+ }
732
+ .ms-u-xxl6 {
733
+ @include ms-u-xxl6;
734
+ }
735
+ .ms-u-xxl5 {
736
+ @include ms-u-xxl5;
737
+ }
738
+ .ms-u-xxl4 {
739
+ @include ms-u-xxl4;
740
+ }
741
+ .ms-u-xxl3 {
742
+ @include ms-u-xxl3;
743
+ }
744
+ .ms-u-xxl2 {
745
+ @include ms-u-xxl2;
746
+ }
747
+ .ms-u-xxl1 {
748
+ @include ms-u-xxl1;
749
+ }
750
+ .ms-u-xxlPull12 {
751
+ @include ms-u-xxlPull12;
752
+ }
753
+ .ms-u-xxlPull11 {
754
+ @include ms-u-xxlPull11;
755
+ }
756
+ .ms-u-xxlPull10 {
757
+ @include ms-u-xxlPull10;
758
+ }
759
+ .ms-u-xxlPull9 {
760
+ @include ms-u-xxlPull9;
761
+ }
762
+ .ms-u-xxlPull8 {
763
+ @include ms-u-xxlPull8;
764
+ }
765
+ .ms-u-xxlPull7 {
766
+ @include ms-u-xxlPull7;
767
+ }
768
+ .ms-u-xxlPull6 {
769
+ @include ms-u-xxlPull6;
770
+ }
771
+ .ms-u-xxlPull5 {
772
+ @include ms-u-xxlPull5;
773
+ }
774
+ .ms-u-xxlPull4 {
775
+ @include ms-u-xxlPull4;
776
+ }
777
+ .ms-u-xxlPull3 {
778
+ @include ms-u-xxlPull3;
779
+ }
780
+ .ms-u-xxlPull2 {
781
+ @include ms-u-xxlPull2;
782
+ }
783
+ .ms-u-xxlPull1 {
784
+ @include ms-u-xxlPull1;
785
+ }
786
+ .ms-u-xxlPull0 {
787
+ @include ms-u-xxlPull0;
788
+ }
789
+ .ms-u-xxlPush12 {
790
+ @include ms-u-xxlPush12;
791
+ }
792
+ .ms-u-xxlPush11 {
793
+ @include ms-u-xxlPush11;
794
+ }
795
+ .ms-u-xxlPush10 {
796
+ @include ms-u-xxlPush10;
797
+ }
798
+ .ms-u-xxlPush9 {
799
+ @include ms-u-xxlPush9;
800
+ }
801
+ .ms-u-xxlPush8 {
802
+ @include ms-u-xxlPush8;
803
+ }
804
+ .ms-u-xxlPush7 {
805
+ @include ms-u-xxlPush7;
806
+ }
807
+ .ms-u-xxlPush6 {
808
+ @include ms-u-xxlPush6;
809
+ }
810
+ .ms-u-xxlPush5 {
811
+ @include ms-u-xxlPush5;
812
+ }
813
+ .ms-u-xxlPush4 {
814
+ @include ms-u-xxlPush4;
815
+ }
816
+ .ms-u-xxlPush3 {
817
+ @include ms-u-xxlPush3;
818
+ }
819
+ .ms-u-xxlPush2 {
820
+ @include ms-u-xxlPush2;
821
+ }
822
+ .ms-u-xxlPush1 {
823
+ @include ms-u-xxlPush1;
824
+ }
825
+ .ms-u-xxlPush0 {
826
+ @include ms-u-xxlPush0;
827
+ }
828
+
829
+ // Extra extra large Offset classes 0 ... 11
830
+ .ms-u-xxlOffset11 {
831
+ margin-left: 91.66666666666666%;
832
+ }
833
+ .ms-u-xxlOffset10 {
834
+ margin-left: 83.33333333333334%;
835
+ }
836
+ .ms-u-xxlOffset9 {
837
+ margin-left: 75%;
838
+ }
839
+ .ms-u-xxlOffset8 {
840
+ margin-left: 66.66666666666666%;
841
+ }
842
+ .ms-u-xxlOffset7 {
843
+ margin-left: 58.333333333333336%;
844
+ }
845
+ .ms-u-xxlOffset6 {
846
+ margin-left: 50%;
847
+ }
848
+ .ms-u-xxlOffset5 {
849
+ margin-left: 41.66666666666667%;
850
+ }
851
+ .ms-u-xxlOffset4 {
852
+ margin-left: 33.33333333333333%;
853
+ }
854
+ .ms-u-xxlOffset3 {
855
+ margin-left: 25%;
856
+ }
857
+ .ms-u-xxlOffset2 {
858
+ margin-left: 16.666666666666664%;
859
+ }
860
+ .ms-u-xxlOffset1 {
861
+ margin-left: 8.333333333333332%;
862
+ }
863
+ .ms-u-xxlOffset0 {
864
+ margin-left: 0;
865
+ }
866
+ }
867
+
868
+ // Extra extra extra large screens
869
+ @media (min-width: $ms-screen-xxxl-min) {
870
+ .ms-u-xxxl12 {
871
+ @include ms-u-xxxl12;
872
+ }
873
+ .ms-u-xxxl11 {
874
+ @include ms-u-xxxl11;
875
+ }
876
+ .ms-u-xxxl10 {
877
+ @include ms-u-xxxl10;
878
+ }
879
+ .ms-u-xxxl9 {
880
+ @include ms-u-xxxl9;
881
+ }
882
+ .ms-u-xxxl8 {
883
+ @include ms-u-xxxl8;
884
+ }
885
+ .ms-u-xxxl7 {
886
+ @include ms-u-xxxl7;
887
+ }
888
+ .ms-u-xxxl6 {
889
+ @include ms-u-xxxl6;
890
+ }
891
+ .ms-u-xxxl5 {
892
+ @include ms-u-xxxl5;
893
+ }
894
+ .ms-u-xxxl4 {
895
+ @include ms-u-xxxl4;
896
+ }
897
+ .ms-u-xxxl3 {
898
+ @include ms-u-xxxl3;
899
+ }
900
+ .ms-u-xxxl2 {
901
+ @include ms-u-xxxl2;
902
+ }
903
+ .ms-u-xxxl1 {
904
+ @include ms-u-xxxl1;
905
+ }
906
+ .ms-u-xxxlPull12 {
907
+ @include ms-u-xxxlPull12;
908
+ }
909
+ .ms-u-xxxlPull11 {
910
+ @include ms-u-xxxlPull11;
911
+ }
912
+ .ms-u-xxxlPull10 {
913
+ @include ms-u-xxxlPull10;
914
+ }
915
+ .ms-u-xxxlPull9 {
916
+ @include ms-u-xxxlPull9;
917
+ }
918
+ .ms-u-xxxlPull8 {
919
+ @include ms-u-xxxlPull8;
920
+ }
921
+ .ms-u-xxxlPull7 {
922
+ @include ms-u-xxxlPull7;
923
+ }
924
+ .ms-u-xxxlPull6 {
925
+ @include ms-u-xxxlPull6;
926
+ }
927
+ .ms-u-xxxlPull5 {
928
+ @include ms-u-xxxlPull5;
929
+ }
930
+ .ms-u-xxxlPull4 {
931
+ @include ms-u-xxxlPull4;
932
+ }
933
+ .ms-u-xxxlPull3 {
934
+ @include ms-u-xxxlPull3;
935
+ }
936
+ .ms-u-xxxlPull2 {
937
+ @include ms-u-xxxlPull2;
938
+ }
939
+ .ms-u-xxxlPull1 {
940
+ @include ms-u-xxxlPull1;
941
+ }
942
+ .ms-u-xxxlPull0 {
943
+ @include ms-u-xxxlPull0;
944
+ }
945
+ .ms-u-xxxlPush12 {
946
+ @include ms-u-xxxlPush12;
947
+ }
948
+ .ms-u-xxxlPush11 {
949
+ @include ms-u-xxxlPush11;
950
+ }
951
+ .ms-u-xxxlPush10 {
952
+ @include ms-u-xxxlPush10;
953
+ }
954
+ .ms-u-xxxlPush9 {
955
+ @include ms-u-xxxlPush9;
956
+ }
957
+ .ms-u-xxxlPush8 {
958
+ @include ms-u-xxxlPush8;
959
+ }
960
+ .ms-u-xxxlPush7 {
961
+ @include ms-u-xxxlPush7;
962
+ }
963
+ .ms-u-xxxlPush6 {
964
+ @include ms-u-xxxlPush6;
965
+ }
966
+ .ms-u-xxxlPush5 {
967
+ @include ms-u-xxxlPush5;
968
+ }
969
+ .ms-u-xxxlPush4 {
970
+ @include ms-u-xxxlPush4;
971
+ }
972
+ .ms-u-xxxlPush3 {
973
+ @include ms-u-xxxlPush3;
974
+ }
975
+ .ms-u-xxxlPush2 {
976
+ @include ms-u-xxxlPush2;
977
+ }
978
+ .ms-u-xxxlPush1 {
979
+ @include ms-u-xxxlPush1;
980
+ }
981
+ .ms-u-xxxlPush0 {
982
+ @include ms-u-xxxlPush0;
983
+ }
984
+
985
+ // Extra extra extra large Offset classes 0 ... 11
986
+ .ms-u-xxxlOffset11 {
987
+ margin-left: 91.66666666666666%;
988
+ }
989
+ .ms-u-xxxlOffset10 {
990
+ margin-left: 83.33333333333334%;
991
+ }
992
+ .ms-u-xxxlOffset9 {
993
+ margin-left: 75%;
994
+ }
995
+ .ms-u-xxxlOffset8 {
996
+ margin-left: 66.66666666666666%;
997
+ }
998
+ .ms-u-xxxlOffset7 {
999
+ margin-left: 58.333333333333336%;
1000
+ }
1001
+ .ms-u-xxxlOffset6 {
1002
+ margin-left: 50%;
1003
+ }
1004
+ .ms-u-xxxlOffset5 {
1005
+ margin-left: 41.66666666666667%;
1006
+ }
1007
+ .ms-u-xxxlOffset4 {
1008
+ margin-left: 33.33333333333333%;
1009
+ }
1010
+ .ms-u-xxxlOffset3 {
1011
+ margin-left: 25%;
1012
+ }
1013
+ .ms-u-xxxlOffset2 {
1014
+ margin-left: 16.666666666666664%;
1015
+ }
1016
+ .ms-u-xxxlOffset1 {
1017
+ margin-left: 8.333333333333332%;
1018
+ }
1019
+ .ms-u-xxxlOffset0 {
1020
+ margin-left: 0;
1021
+ }
1022
+ }