office-ui-fabric-rails 2.5.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (59) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +11 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +5 -0
  5. data/Gemfile +4 -0
  6. data/LICENSE +21 -0
  7. data/README.md +69 -0
  8. data/Rakefile +24 -0
  9. data/bin/console +14 -0
  10. data/bin/setup +8 -0
  11. data/bower.json +7 -0
  12. data/lib/office-ui-fabric-rails.rb +2 -0
  13. data/lib/office-ui-fabric-rails/engine.rb +6 -0
  14. data/lib/office-ui-fabric-rails/version.rb +6 -0
  15. data/office-ui-fabric-rails.gemspec +35 -0
  16. data/vendor/assets/css/fabric.components.css +6553 -0
  17. data/vendor/assets/css/fabric.components.min.css +6 -0
  18. data/vendor/assets/css/fabric.components.rtl.css +6355 -0
  19. data/vendor/assets/css/fabric.components.rtl.min.css +6 -0
  20. data/vendor/assets/css/fabric.css +5991 -0
  21. data/vendor/assets/css/fabric.min.css +6 -0
  22. data/vendor/assets/css/fabric.rtl.css +6280 -0
  23. data/vendor/assets/css/fabric.rtl.min.css +6 -0
  24. data/vendor/assets/js/jquery.fabric.js +2451 -0
  25. data/vendor/assets/js/jquery.fabric.min.js +2 -0
  26. data/vendor/assets/scss/Fabric.Animations.Output.scss +419 -0
  27. data/vendor/assets/scss/Fabric.Animations.RTL.Output.scss +80 -0
  28. data/vendor/assets/scss/Fabric.Color.Mixins.Output.scss +458 -0
  29. data/vendor/assets/scss/Fabric.Components.scss +31 -0
  30. data/vendor/assets/scss/Fabric.Grid.Output.scss +32 -0
  31. data/vendor/assets/scss/Fabric.Icons.Font.Output.scss +23 -0
  32. data/vendor/assets/scss/Fabric.Icons.Output.scss +771 -0
  33. data/vendor/assets/scss/Fabric.Icons.RTL.Output.scss +114 -0
  34. data/vendor/assets/scss/Fabric.RTL.scss +39 -0
  35. data/vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss +1022 -0
  36. data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +76 -0
  37. data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +56 -0
  38. data/vendor/assets/scss/Fabric.Typography.Output.scss +379 -0
  39. data/vendor/assets/scss/Fabric.Utilities.Output.scss +23 -0
  40. data/vendor/assets/scss/Fabric.scss +40 -0
  41. data/vendor/assets/scss/_Fabric.Animations.RTL.scss +79 -0
  42. data/vendor/assets/scss/_Fabric.Animations.scss +237 -0
  43. data/vendor/assets/scss/_Fabric.Color.Mixins.scss +414 -0
  44. data/vendor/assets/scss/_Fabric.Color.Variables.scss +90 -0
  45. data/vendor/assets/scss/_Fabric.Common.scss +15 -0
  46. data/vendor/assets/scss/_Fabric.Grid.scss +34 -0
  47. data/vendor/assets/scss/_Fabric.Icons.scss +397 -0
  48. data/vendor/assets/scss/_Fabric.Mixins.RTL.scss +315 -0
  49. data/vendor/assets/scss/_Fabric.Mixins.scss +274 -0
  50. data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss +697 -0
  51. data/vendor/assets/scss/_Fabric.Responsive.Variables.scss +35 -0
  52. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +170 -0
  53. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +118 -0
  54. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +27 -0
  55. data/vendor/assets/scss/_Fabric.Typography.scss +357 -0
  56. data/vendor/assets/scss/_Fabric.Utilities.scss +36 -0
  57. data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss +32 -0
  58. data/vendor/assets/scss/_Office.Color.Variables.scss +34 -0
  59. metadata +172 -0
@@ -0,0 +1,697 @@
1
+ // Small Screens
2
+ @mixin ms-u-sm12 {
3
+ width: 100%;
4
+ }
5
+ @mixin ms-u-sm11 {
6
+ width: 91.66666666666666%;
7
+ }
8
+ @mixin ms-u-sm10 {
9
+ width: 83.33333333333334%;
10
+ }
11
+ @mixin ms-u-sm9 {
12
+ width: 75%;
13
+ }
14
+ @mixin ms-u-sm8 {
15
+ width: 66.66666666666666%;
16
+ }
17
+ @mixin ms-u-sm7 {
18
+ width: 58.333333333333336%;
19
+ }
20
+ @mixin ms-u-sm6 {
21
+ width: 50%;
22
+ }
23
+ @mixin ms-u-sm5 {
24
+ width: 41.66666666666667%;
25
+ }
26
+ @mixin ms-u-sm4 {
27
+ width: 33.33333333333333%;
28
+ }
29
+ @mixin ms-u-sm3 {
30
+ width: 25%;
31
+ }
32
+ @mixin ms-u-sm2 {
33
+ width: 16.666666666666664%;
34
+ }
35
+ @mixin ms-u-sm1 {
36
+ width: 8.333333333333332%;
37
+ }
38
+ @mixin ms-u-smPull12 {
39
+ right: 100%;
40
+ }
41
+ @mixin ms-u-smPull11 {
42
+ right: 91.66666666666666%;
43
+ }
44
+ @mixin ms-u-smPull10 {
45
+ right: 83.33333333333334%;
46
+ }
47
+ @mixin ms-u-smPull9 {
48
+ right: 75%;
49
+ }
50
+ @mixin ms-u-smPull8 {
51
+ right: 66.66666666666666%;
52
+ }
53
+ @mixin ms-u-smPull7 {
54
+ right: 58.333333333333336%;
55
+ }
56
+ @mixin ms-u-smPull6 {
57
+ right: 50%;
58
+ }
59
+ @mixin ms-u-smPull5 {
60
+ right: 41.66666666666667%;
61
+ }
62
+ @mixin ms-u-smPull4 {
63
+ right: 33.33333333333333%;
64
+ }
65
+ @mixin ms-u-smPull3 {
66
+ right: 25%;
67
+ }
68
+ @mixin ms-u-smPull2 {
69
+ right: 16.666666666666664%;
70
+ }
71
+ @mixin ms-u-smPull1 {
72
+ right: 8.333333333333332%;
73
+ }
74
+ @mixin ms-u-smPull0 {
75
+ right: auto;
76
+ }
77
+ @mixin ms-u-smPush12 {
78
+ left: 100%;
79
+ }
80
+ @mixin ms-u-smPush11 {
81
+ left: 91.66666666666666%;
82
+ }
83
+ @mixin ms-u-smPush10 {
84
+ left: 83.33333333333334%;
85
+ }
86
+ @mixin ms-u-smPush9 {
87
+ left: 75%;
88
+ }
89
+ @mixin ms-u-smPush8 {
90
+ left: 66.66666666666666%;
91
+ }
92
+ @mixin ms-u-smPush7 {
93
+ left: 58.333333333333336%;
94
+ }
95
+ @mixin ms-u-smPush6 {
96
+ left: 50%;
97
+ }
98
+ @mixin ms-u-smPush5 {
99
+ left: 41.66666666666667%;
100
+ }
101
+ @mixin ms-u-smPush4 {
102
+ left: 33.33333333333333%;
103
+ }
104
+ @mixin ms-u-smPush3 {
105
+ left: 25%;
106
+ }
107
+ @mixin ms-u-smPush2 {
108
+ left: 16.666666666666664%;
109
+ }
110
+ @mixin ms-u-smPush1 {
111
+ left: 8.333333333333332%;
112
+ }
113
+ @mixin ms-u-smPush0 {
114
+ left: auto;
115
+ }
116
+
117
+ // Medium Screens
118
+ @mixin ms-u-md12 {
119
+ width: 100%;
120
+ }
121
+ @mixin ms-u-md11 {
122
+ width: 91.66666666666666%;
123
+ }
124
+ @mixin ms-u-md10 {
125
+ width: 83.33333333333334%;
126
+ }
127
+ @mixin ms-u-md9 {
128
+ width: 75%;
129
+ }
130
+ @mixin ms-u-md8 {
131
+ width: 66.66666666666666%;
132
+ }
133
+ @mixin ms-u-md7 {
134
+ width: 58.333333333333336%;
135
+ }
136
+ @mixin ms-u-md6 {
137
+ width: 50%;
138
+ }
139
+ @mixin ms-u-md5 {
140
+ width: 41.66666666666667%;
141
+ }
142
+ @mixin ms-u-md4 {
143
+ width: 33.33333333333333%;
144
+ }
145
+ @mixin ms-u-md3 {
146
+ width: 25%;
147
+ }
148
+ @mixin ms-u-md2 {
149
+ width: 16.666666666666664%;
150
+ }
151
+ @mixin ms-u-md1 {
152
+ width: 8.333333333333332%;
153
+ }
154
+ @mixin ms-u-mdPull12 {
155
+ right: 100%;
156
+ }
157
+ @mixin ms-u-mdPull11 {
158
+ right: 91.66666666666666%;
159
+ }
160
+ @mixin ms-u-mdPull10 {
161
+ right: 83.33333333333334%;
162
+ }
163
+ @mixin ms-u-mdPull9 {
164
+ right: 75%;
165
+ }
166
+ @mixin ms-u-mdPull8 {
167
+ right: 66.66666666666666%;
168
+ }
169
+ @mixin ms-u-mdPull7 {
170
+ right: 58.333333333333336%;
171
+ }
172
+ @mixin ms-u-mdPull6 {
173
+ right: 50%;
174
+ }
175
+ @mixin ms-u-mdPull5 {
176
+ right: 41.66666666666667%;
177
+ }
178
+ @mixin ms-u-mdPull4 {
179
+ right: 33.33333333333333%;
180
+ }
181
+ @mixin ms-u-mdPull3 {
182
+ right: 25%;
183
+ }
184
+ @mixin ms-u-mdPull2 {
185
+ right: 16.666666666666664%;
186
+ }
187
+ @mixin ms-u-mdPull1 {
188
+ right: 8.333333333333332%;
189
+ }
190
+ @mixin ms-u-mdPull0 {
191
+ right: auto;
192
+ }
193
+ @mixin ms-u-mdPush12 {
194
+ left: 100%;
195
+ }
196
+ @mixin ms-u-mdPush11 {
197
+ left: 91.66666666666666%;
198
+ }
199
+ @mixin ms-u-mdPush10 {
200
+ left: 83.33333333333334%;
201
+ }
202
+ @mixin ms-u-mdPush9 {
203
+ left: 75%;
204
+ }
205
+ @mixin ms-u-mdPush8 {
206
+ left: 66.66666666666666%;
207
+ }
208
+ @mixin ms-u-mdPush7 {
209
+ left: 58.333333333333336%;
210
+ }
211
+ @mixin ms-u-mdPush6 {
212
+ left: 50%;
213
+ }
214
+ @mixin ms-u-mdPush5 {
215
+ left: 41.66666666666667%;
216
+ }
217
+ @mixin ms-u-mdPush4 {
218
+ left: 33.33333333333333%;
219
+ }
220
+ @mixin ms-u-mdPush3 {
221
+ left: 25%;
222
+ }
223
+ @mixin ms-u-mdPush2 {
224
+ left: 16.666666666666664%;
225
+ }
226
+ @mixin ms-u-mdPush1 {
227
+ left: 8.333333333333332%;
228
+ }
229
+ @mixin ms-u-mdPush0 {
230
+ left: auto;
231
+ }
232
+
233
+ // Large screens
234
+ @mixin ms-u-lg12 {
235
+ width: 100%;
236
+ }
237
+ @mixin ms-u-lg11 {
238
+ width: 91.66666666666666%;
239
+ }
240
+ @mixin ms-u-lg10 {
241
+ width: 83.33333333333334%;
242
+ }
243
+ @mixin ms-u-lg9 {
244
+ width: 75%;
245
+ }
246
+ @mixin ms-u-lg8 {
247
+ width: 66.66666666666666%;
248
+ }
249
+ @mixin ms-u-lg7 {
250
+ width: 58.333333333333336%;
251
+ }
252
+ @mixin ms-u-lg6 {
253
+ width: 50%;
254
+ }
255
+ @mixin ms-u-lg5 {
256
+ width: 41.66666666666667%;
257
+ }
258
+ @mixin ms-u-lg4 {
259
+ width: 33.33333333333333%;
260
+ }
261
+ @mixin ms-u-lg3 {
262
+ width: 25%;
263
+ }
264
+ @mixin ms-u-lg2 {
265
+ width: 16.666666666666664%;
266
+ }
267
+ @mixin ms-u-lg1 {
268
+ width: 8.333333333333332%;
269
+ }
270
+ @mixin ms-u-lgPull12 {
271
+ right: 100%;
272
+ }
273
+ @mixin ms-u-lgPull11 {
274
+ right: 91.66666666666666%;
275
+ }
276
+ @mixin ms-u-lgPull10 {
277
+ right: 83.33333333333334%;
278
+ }
279
+ @mixin ms-u-lgPull9 {
280
+ right: 75%;
281
+ }
282
+ @mixin ms-u-lgPull8 {
283
+ right: 66.66666666666666%;
284
+ }
285
+ @mixin ms-u-lgPull7 {
286
+ right: 58.333333333333336%;
287
+ }
288
+ @mixin ms-u-lgPull6 {
289
+ right: 50%;
290
+ }
291
+ @mixin ms-u-lgPull5 {
292
+ right: 41.66666666666667%;
293
+ }
294
+ @mixin ms-u-lgPull4 {
295
+ right: 33.33333333333333%;
296
+ }
297
+ @mixin ms-u-lgPull3 {
298
+ right: 25%;
299
+ }
300
+ @mixin ms-u-lgPull2 {
301
+ right: 16.666666666666664%;
302
+ }
303
+ @mixin ms-u-lgPull1 {
304
+ right: 8.333333333333332%;
305
+ }
306
+ @mixin ms-u-lgPull0 {
307
+ right: auto;
308
+ }
309
+ @mixin ms-u-lgPush12 {
310
+ left: 100%;
311
+ }
312
+ @mixin ms-u-lgPush11 {
313
+ left: 91.66666666666666%;
314
+ }
315
+ @mixin ms-u-lgPush10 {
316
+ left: 83.33333333333334%;
317
+ }
318
+ @mixin ms-u-lgPush9 {
319
+ left: 75%;
320
+ }
321
+ @mixin ms-u-lgPush8 {
322
+ left: 66.66666666666666%;
323
+ }
324
+ @mixin ms-u-lgPush7 {
325
+ left: 58.333333333333336%;
326
+ }
327
+ @mixin ms-u-lgPush6 {
328
+ left: 50%;
329
+ }
330
+ @mixin ms-u-lgPush5 {
331
+ left: 41.66666666666667%;
332
+ }
333
+ @mixin ms-u-lgPush4 {
334
+ left: 33.33333333333333%;
335
+ }
336
+ @mixin ms-u-lgPush3 {
337
+ left: 25%;
338
+ }
339
+ @mixin ms-u-lgPush2 {
340
+ left: 16.666666666666664%;
341
+ }
342
+ @mixin ms-u-lgPush1 {
343
+ left: 8.333333333333332%;
344
+ }
345
+ @mixin ms-u-lgPush0 {
346
+ left: auto;
347
+ }
348
+
349
+ // Extra Large Screens
350
+ @mixin ms-u-xl12 {
351
+ width: 100%;
352
+ }
353
+ @mixin ms-u-xl11 {
354
+ width: 91.66666666666666%;
355
+ }
356
+ @mixin ms-u-xl10 {
357
+ width: 83.33333333333334%;
358
+ }
359
+ @mixin ms-u-xl9 {
360
+ width: 75%;
361
+ }
362
+ @mixin ms-u-xl8 {
363
+ width: 66.66666666666666%;
364
+ }
365
+ @mixin ms-u-xl7 {
366
+ width: 58.333333333333336%;
367
+ }
368
+ @mixin ms-u-xl6 {
369
+ width: 50%;
370
+ }
371
+ @mixin ms-u-xl5 {
372
+ width: 41.66666666666667%;
373
+ }
374
+ @mixin ms-u-xl4 {
375
+ width: 33.33333333333333%;
376
+ }
377
+ @mixin ms-u-xl3 {
378
+ width: 25%;
379
+ }
380
+ @mixin ms-u-xl2 {
381
+ width: 16.666666666666664%;
382
+ }
383
+ @mixin ms-u-xl1 {
384
+ width: 8.333333333333332%;
385
+ }
386
+ @mixin ms-u-xlPull12 {
387
+ right: 100%;
388
+ }
389
+ @mixin ms-u-xlPull11 {
390
+ right: 91.66666666666666%;
391
+ }
392
+ @mixin ms-u-xlPull10 {
393
+ right: 83.33333333333334%;
394
+ }
395
+ @mixin ms-u-xlPull9 {
396
+ right: 75%;
397
+ }
398
+ @mixin ms-u-xlPull8 {
399
+ right: 66.66666666666666%;
400
+ }
401
+ @mixin ms-u-xlPull7 {
402
+ right: 58.333333333333336%;
403
+ }
404
+ @mixin ms-u-xlPull6 {
405
+ right: 50%;
406
+ }
407
+ @mixin ms-u-xlPull5 {
408
+ right: 41.66666666666667%;
409
+ }
410
+ @mixin ms-u-xlPull4 {
411
+ right: 33.33333333333333%;
412
+ }
413
+ @mixin ms-u-xlPull3 {
414
+ right: 25%;
415
+ }
416
+ @mixin ms-u-xlPull2 {
417
+ right: 16.666666666666664%;
418
+ }
419
+ @mixin ms-u-xlPull1 {
420
+ right: 8.333333333333332%;
421
+ }
422
+ @mixin ms-u-xlPull0 {
423
+ right: auto;
424
+ }
425
+ @mixin ms-u-xlPush12 {
426
+ left: 100%;
427
+ }
428
+ @mixin ms-u-xlPush11 {
429
+ left: 91.66666666666666%;
430
+ }
431
+ @mixin ms-u-xlPush10 {
432
+ left: 83.33333333333334%;
433
+ }
434
+ @mixin ms-u-xlPush9 {
435
+ left: 75%;
436
+ }
437
+ @mixin ms-u-xlPush8 {
438
+ left: 66.66666666666666%;
439
+ }
440
+ @mixin ms-u-xlPush7 {
441
+ left: 58.333333333333336%;
442
+ }
443
+ @mixin ms-u-xlPush6 {
444
+ left: 50%;
445
+ }
446
+ @mixin ms-u-xlPush5 {
447
+ left: 41.66666666666667%;
448
+ }
449
+ @mixin ms-u-xlPush4 {
450
+ left: 33.33333333333333%;
451
+ }
452
+ @mixin ms-u-xlPush3 {
453
+ left: 25%;
454
+ }
455
+ @mixin ms-u-xlPush2 {
456
+ left: 16.666666666666664%;
457
+ }
458
+ @mixin ms-u-xlPush1 {
459
+ left: 8.333333333333332%;
460
+ }
461
+ @mixin ms-u-xlPush0 {
462
+ left: auto;
463
+ }
464
+
465
+
466
+ // XXL Screens
467
+ @mixin ms-u-xxl12 {
468
+ width: 100%;
469
+ }
470
+ @mixin ms-u-xxl11 {
471
+ width: 91.66666666666666%;
472
+ }
473
+ @mixin ms-u-xxl10 {
474
+ width: 83.33333333333334%;
475
+ }
476
+ @mixin ms-u-xxl9 {
477
+ width: 75%;
478
+ }
479
+ @mixin ms-u-xxl8 {
480
+ width: 66.66666666666666%;
481
+ }
482
+ @mixin ms-u-xxl7 {
483
+ width: 58.333333333333336%;
484
+ }
485
+ @mixin ms-u-xxl6 {
486
+ width: 50%;
487
+ }
488
+ @mixin ms-u-xxl5 {
489
+ width: 41.66666666666667%;
490
+ }
491
+ @mixin ms-u-xxl4 {
492
+ width: 33.33333333333333%;
493
+ }
494
+ @mixin ms-u-xxl3 {
495
+ width: 25%;
496
+ }
497
+ @mixin ms-u-xxl2 {
498
+ width: 16.666666666666664%;
499
+ }
500
+ @mixin ms-u-xxl1 {
501
+ width: 8.333333333333332%;
502
+ }
503
+ @mixin ms-u-xxlPull12 {
504
+ right: 100%;
505
+ }
506
+ @mixin ms-u-xxlPull11 {
507
+ right: 91.66666666666666%;
508
+ }
509
+ @mixin ms-u-xxlPull10 {
510
+ right: 83.33333333333334%;
511
+ }
512
+ @mixin ms-u-xxlPull9 {
513
+ right: 75%;
514
+ }
515
+ @mixin ms-u-xxlPull8 {
516
+ right: 66.66666666666666%;
517
+ }
518
+ @mixin ms-u-xxlPull7 {
519
+ right: 58.333333333333336%;
520
+ }
521
+ @mixin ms-u-xxlPull6 {
522
+ right: 50%;
523
+ }
524
+ @mixin ms-u-xxlPull5 {
525
+ right: 41.66666666666667%;
526
+ }
527
+ @mixin ms-u-xxlPull4 {
528
+ right: 33.33333333333333%;
529
+ }
530
+ @mixin ms-u-xxlPull3 {
531
+ right: 25%;
532
+ }
533
+ @mixin ms-u-xxlPull2 {
534
+ right: 16.666666666666664%;
535
+ }
536
+ @mixin ms-u-xxlPull1 {
537
+ right: 8.333333333333332%;
538
+ }
539
+ @mixin ms-u-xxlPull0 {
540
+ right: auto;
541
+ }
542
+ @mixin ms-u-xxlPush12 {
543
+ left: 100%;
544
+ }
545
+ @mixin ms-u-xxlPush11 {
546
+ left: 91.66666666666666%;
547
+ }
548
+ @mixin ms-u-xxlPush10 {
549
+ left: 83.33333333333334%;
550
+ }
551
+ @mixin ms-u-xxlPush9 {
552
+ left: 75%;
553
+ }
554
+ @mixin ms-u-xxlPush8 {
555
+ left: 66.66666666666666%;
556
+ }
557
+ @mixin ms-u-xxlPush7 {
558
+ left: 58.333333333333336%;
559
+ }
560
+ @mixin ms-u-xxlPush6 {
561
+ left: 50%;
562
+ }
563
+ @mixin ms-u-xxlPush5 {
564
+ left: 41.66666666666667%;
565
+ }
566
+ @mixin ms-u-xxlPush4 {
567
+ left: 33.33333333333333%;
568
+ }
569
+ @mixin ms-u-xxlPush3 {
570
+ left: 25%;
571
+ }
572
+ @mixin ms-u-xxlPush2 {
573
+ left: 16.666666666666664%;
574
+ }
575
+ @mixin ms-u-xxlPush1 {
576
+ left: 8.333333333333332%;
577
+ }
578
+ @mixin ms-u-xxlPush0 {
579
+ left: auto;
580
+ }
581
+
582
+ // Extra extra extra large screens
583
+
584
+ @mixin ms-u-xxxl12 {
585
+ width: 100%;
586
+ }
587
+ @mixin ms-u-xxxl11 {
588
+ width: 91.66666666666666%;
589
+ }
590
+ @mixin ms-u-xxxl10 {
591
+ width: 83.33333333333334%;
592
+ }
593
+ @mixin ms-u-xxxl9 {
594
+ width: 75%;
595
+ }
596
+ @mixin ms-u-xxxl8 {
597
+ width: 66.66666666666666%;
598
+ }
599
+ @mixin ms-u-xxxl7 {
600
+ width: 58.333333333333336%;
601
+ }
602
+ @mixin ms-u-xxxl6 {
603
+ width: 50%;
604
+ }
605
+ @mixin ms-u-xxxl5 {
606
+ width: 41.66666666666667%;
607
+ }
608
+ @mixin ms-u-xxxl4 {
609
+ width: 33.33333333333333%;
610
+ }
611
+ @mixin ms-u-xxxl3 {
612
+ width: 25%;
613
+ }
614
+ @mixin ms-u-xxxl2 {
615
+ width: 16.666666666666664%;
616
+ }
617
+ @mixin ms-u-xxxl1 {
618
+ width: 8.333333333333332%;
619
+ }
620
+ @mixin ms-u-xxxlPull12 {
621
+ right: 100%;
622
+ }
623
+ @mixin ms-u-xxxlPull11 {
624
+ right: 91.66666666666666%;
625
+ }
626
+ @mixin ms-u-xxxlPull10 {
627
+ right: 83.33333333333334%;
628
+ }
629
+ @mixin ms-u-xxxlPull9 {
630
+ right: 75%;
631
+ }
632
+ @mixin ms-u-xxxlPull8 {
633
+ right: 66.66666666666666%;
634
+ }
635
+ @mixin ms-u-xxxlPull7 {
636
+ right: 58.333333333333336%;
637
+ }
638
+ @mixin ms-u-xxxlPull6 {
639
+ right: 50%;
640
+ }
641
+ @mixin ms-u-xxxlPull5 {
642
+ right: 41.66666666666667%;
643
+ }
644
+ @mixin ms-u-xxxlPull4 {
645
+ right: 33.33333333333333%;
646
+ }
647
+ @mixin ms-u-xxxlPull3 {
648
+ right: 25%;
649
+ }
650
+ @mixin ms-u-xxxlPull2 {
651
+ right: 16.666666666666664%;
652
+ }
653
+ @mixin ms-u-xxxlPull1 {
654
+ right: 8.333333333333332%;
655
+ }
656
+ @mixin ms-u-xxxlPull0 {
657
+ right: auto;
658
+ }
659
+ @mixin ms-u-xxxlPush12 {
660
+ left: 100%;
661
+ }
662
+ @mixin ms-u-xxxlPush11 {
663
+ left: 91.66666666666666%;
664
+ }
665
+ @mixin ms-u-xxxlPush10 {
666
+ left: 83.33333333333334%;
667
+ }
668
+ @mixin ms-u-xxxlPush9 {
669
+ left: 75%;
670
+ }
671
+ @mixin ms-u-xxxlPush8 {
672
+ left: 66.66666666666666%;
673
+ }
674
+ @mixin ms-u-xxxlPush7 {
675
+ left: 58.333333333333336%;
676
+ }
677
+ @mixin ms-u-xxxlPush6 {
678
+ left: 50%;
679
+ }
680
+ @mixin ms-u-xxxlPush5 {
681
+ left: 41.66666666666667%;
682
+ }
683
+ @mixin ms-u-xxxlPush4 {
684
+ left: 33.33333333333333%;
685
+ }
686
+ @mixin ms-u-xxxlPush3 {
687
+ left: 25%;
688
+ }
689
+ @mixin ms-u-xxxlPush2 {
690
+ left: 16.666666666666664%;
691
+ }
692
+ @mixin ms-u-xxxlPush1 {
693
+ left: 8.333333333333332%;
694
+ }
695
+ @mixin ms-u-xxxlPush0 {
696
+ left: auto;
697
+ }