office-ui-fabric-core-rails 4.1.0.0 → 5.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 (28) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/Rakefile +3 -3
  4. data/lib/office-ui-fabric-core-rails/version.rb +2 -2
  5. data/{bower.json → package.json} +2 -2
  6. data/vendor/assets/css/fabric.css +2573 -129
  7. data/vendor/assets/css/fabric.min.css +2 -2
  8. data/vendor/assets/css/fabric.rtl.css +1242 -458
  9. data/vendor/assets/css/fabric.rtl.min.css +2 -2
  10. data/vendor/assets/scss/Fabric.Brand.Icons.Output.scss +19 -0
  11. data/vendor/assets/scss/Fabric.Icons.Font.Output.scss +2 -3
  12. data/vendor/assets/scss/Fabric.Icons.Output.scss +708 -645
  13. data/vendor/assets/scss/Fabric.Icons.RTL.Output.scss +144 -342
  14. data/vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss +767 -777
  15. data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss +9 -9
  16. data/vendor/assets/scss/Fabric.scss +3 -0
  17. data/vendor/assets/scss/_Fabric.Animations.scss +6 -6
  18. data/vendor/assets/scss/_Fabric.Brand.Icons.scss +51 -0
  19. data/vendor/assets/scss/_Fabric.Color.Variables.scss +64 -64
  20. data/vendor/assets/scss/_Fabric.Icons.scss +115 -53
  21. data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss +918 -192
  22. data/vendor/assets/scss/_Fabric.Responsive.Variables.scss +6 -6
  23. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +21 -21
  24. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +12 -12
  25. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +16 -16
  26. data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss +17 -17
  27. metadata +5 -4
  28. data/vendor/assets/scss/_Fabric.Icons.Adjustments.scss +0 -6
@@ -205,818 +205,808 @@
205
205
 
206
206
  // Small Offset classes 0 ... 11
207
207
  .ms-u-smOffset11 {
208
- margin-left: 91.66666666666666%;
208
+ @include ms-u-smOffset11;
209
209
  }
210
210
  .ms-u-smOffset10 {
211
- margin-left: 83.33333333333334%;
211
+ @include ms-u-smOffset10;
212
212
  }
213
213
  .ms-u-smOffset9 {
214
- margin-left: 75%;
214
+ @include ms-u-smOffset9;
215
215
  }
216
216
  .ms-u-smOffset8 {
217
- margin-left: 66.66666666666666%;
217
+ @include ms-u-smOffset8;
218
218
  }
219
219
  .ms-u-smOffset7 {
220
- margin-left: 58.333333333333336%;
220
+ @include ms-u-smOffset7;
221
221
  }
222
222
  .ms-u-smOffset6 {
223
- margin-left: 50%;
223
+ @include ms-u-smOffset6;
224
224
  }
225
225
  .ms-u-smOffset5 {
226
- margin-left: 41.66666666666667%;
226
+ @include ms-u-smOffset5;
227
227
  }
228
228
  .ms-u-smOffset4 {
229
- margin-left: 33.33333333333333%;
229
+ @include ms-u-smOffset4;
230
230
  }
231
231
  .ms-u-smOffset3 {
232
- margin-left: 25%;
232
+ @include ms-u-smOffset3;
233
233
  }
234
234
  .ms-u-smOffset2 {
235
- margin-left: 16.666666666666664%;
235
+ @include ms-u-smOffset2;
236
236
  }
237
237
  .ms-u-smOffset1 {
238
- margin-left: 8.333333333333332%;
238
+ @include ms-u-smOffset1;
239
239
  }
240
240
  .ms-u-smOffset0 {
241
- margin-left: 0;
241
+ @include ms-u-smOffset0;
242
242
  }
243
243
 
244
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
- }
245
+ .ms-u-md12 {
246
+ @include ms-u-md12;
247
+ }
248
+ .ms-u-md11 {
249
+ @include ms-u-md11;
250
+ }
251
+ .ms-u-md10 {
252
+ @include ms-u-md10;
253
+ }
254
+ .ms-u-md9 {
255
+ @include ms-u-md9;
256
+ }
257
+ .ms-u-md8 {
258
+ @include ms-u-md8;
259
+ }
260
+ .ms-u-md7 {
261
+ @include ms-u-md7;
262
+ }
263
+ .ms-u-md6 {
264
+ @include ms-u-md6;
265
+ }
266
+ .ms-u-md5 {
267
+ @include ms-u-md5;
268
+ }
269
+ .ms-u-md4 {
270
+ @include ms-u-md4;
271
+ }
272
+ .ms-u-md3 {
273
+ @include ms-u-md3;
274
+ }
275
+ .ms-u-md2 {
276
+ @include ms-u-md2;
277
+ }
278
+ .ms-u-md1 {
279
+ @include ms-u-md1;
280
+ }
281
+ .ms-u-mdPull12 {
282
+ @include ms-u-mdPull12;
283
+ }
284
+ .ms-u-mdPull11 {
285
+ @include ms-u-mdPull11;
286
+ }
287
+ .ms-u-mdPull10 {
288
+ @include ms-u-mdPull10;
289
+ }
290
+ .ms-u-mdPull9 {
291
+ @include ms-u-mdPull9;
292
+ }
293
+ .ms-u-mdPull8 {
294
+ @include ms-u-mdPull8;
295
+ }
296
+ .ms-u-mdPull7 {
297
+ @include ms-u-mdPull7;
298
+ }
299
+ .ms-u-mdPull6 {
300
+ @include ms-u-mdPull6;
301
+ }
302
+ .ms-u-mdPull5 {
303
+ @include ms-u-mdPull5;
304
+ }
305
+ .ms-u-mdPull4 {
306
+ @include ms-u-mdPull4;
307
+ }
308
+ .ms-u-mdPull3 {
309
+ @include ms-u-mdPull3;
310
+ }
311
+ .ms-u-mdPull2 {
312
+ @include ms-u-mdPull2;
313
+ }
314
+ .ms-u-mdPull1 {
315
+ @include ms-u-mdPull1;
316
+ }
317
+ .ms-u-mdPull0 {
318
+ @include ms-u-mdPull0;
319
+ }
320
+ .ms-u-mdPush12 {
321
+ @include ms-u-mdPush12;
322
+ }
323
+ .ms-u-mdPush11 {
324
+ @include ms-u-mdPush11;
325
+ }
326
+ .ms-u-mdPush10 {
327
+ @include ms-u-mdPush10;
328
+ }
329
+ .ms-u-mdPush9 {
330
+ @include ms-u-mdPush9;
331
+ }
332
+ .ms-u-mdPush8 {
333
+ @include ms-u-mdPush8;
334
+ }
335
+ .ms-u-mdPush7 {
336
+ @include ms-u-mdPush7;
337
+ }
338
+ .ms-u-mdPush6 {
339
+ @include ms-u-mdPush6;
340
+ }
341
+ .ms-u-mdPush5 {
342
+ @include ms-u-mdPush5;
343
+ }
344
+ .ms-u-mdPush4 {
345
+ @include ms-u-mdPush4;
346
+ }
347
+ .ms-u-mdPush3 {
348
+ @include ms-u-mdPush3;
349
+ }
350
+ .ms-u-mdPush2 {
351
+ @include ms-u-mdPush2;
352
+ }
353
+ .ms-u-mdPush1 {
354
+ @include ms-u-mdPush1;
355
+ }
356
+ .ms-u-mdPush0 {
357
+ @include ms-u-mdPush0;
358
+ }
359
+
360
+ // Medium Offset classes 0 ... 11
361
+ .ms-u-mdOffset11 {
362
+ @include ms-u-mdOffset11;
363
+ }
364
+ .ms-u-mdOffset10 {
365
+ @include ms-u-mdOffset10;
366
+ }
367
+ .ms-u-mdOffset9 {
368
+ @include ms-u-mdOffset9;
369
+ }
370
+ .ms-u-mdOffset8 {
371
+ @include ms-u-mdOffset8;
372
+ }
373
+ .ms-u-mdOffset7 {
374
+ @include ms-u-mdOffset7;
375
+ }
376
+ .ms-u-mdOffset6 {
377
+ @include ms-u-mdOffset6;
378
+ }
379
+ .ms-u-mdOffset5 {
380
+ @include ms-u-mdOffset5;
381
+ }
382
+ .ms-u-mdOffset4 {
383
+ @include ms-u-mdOffset4;
384
+ }
385
+ .ms-u-mdOffset3 {
386
+ @include ms-u-mdOffset3;
387
+ }
388
+ .ms-u-mdOffset2 {
389
+ @include ms-u-mdOffset2;
390
+ }
391
+ .ms-u-mdOffset1 {
392
+ @include ms-u-mdOffset1;
393
+ }
394
+ .ms-u-mdOffset0 {
395
+ @include ms-u-mdOffset0;
398
396
  }
399
397
 
400
398
  // 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
- }
399
+ .ms-u-lg12 {
400
+ @include ms-u-lg12;
401
+ }
402
+ .ms-u-lg11 {
403
+ @include ms-u-lg11;
404
+ }
405
+ .ms-u-lg10 {
406
+ @include ms-u-lg10;
407
+ }
408
+ .ms-u-lg9 {
409
+ @include ms-u-lg9;
410
+ }
411
+ .ms-u-lg8 {
412
+ @include ms-u-lg8;
413
+ }
414
+ .ms-u-lg7 {
415
+ @include ms-u-lg7;
416
+ }
417
+ .ms-u-lg6 {
418
+ @include ms-u-lg6;
419
+ }
420
+ .ms-u-lg5 {
421
+ @include ms-u-lg5;
422
+ }
423
+ .ms-u-lg4 {
424
+ @include ms-u-lg4;
425
+ }
426
+ .ms-u-lg3 {
427
+ @include ms-u-lg3;
428
+ }
429
+ .ms-u-lg2 {
430
+ @include ms-u-lg2;
431
+ }
432
+ .ms-u-lg1 {
433
+ @include ms-u-lg1;
434
+ }
435
+ .ms-u-lgPull12 {
436
+ @include ms-u-lgPull12;
437
+ }
438
+ .ms-u-lgPull11 {
439
+ @include ms-u-lgPull11;
440
+ }
441
+ .ms-u-lgPull10 {
442
+ @include ms-u-lgPull10;
443
+ }
444
+ .ms-u-lgPull9 {
445
+ @include ms-u-lgPull9;
446
+ }
447
+ .ms-u-lgPull8 {
448
+ @include ms-u-lgPull8;
449
+ }
450
+ .ms-u-lgPull7 {
451
+ @include ms-u-lgPull7;
452
+ }
453
+ .ms-u-lgPull6 {
454
+ @include ms-u-lgPull6;
455
+ }
456
+ .ms-u-lgPull5 {
457
+ @include ms-u-lgPull5;
458
+ }
459
+ .ms-u-lgPull4 {
460
+ @include ms-u-lgPull4;
461
+ }
462
+ .ms-u-lgPull3 {
463
+ @include ms-u-lgPull3;
464
+ }
465
+ .ms-u-lgPull2 {
466
+ @include ms-u-lgPull2;
467
+ }
468
+ .ms-u-lgPull1 {
469
+ @include ms-u-lgPull1;
470
+ }
471
+ .ms-u-lgPull0 {
472
+ @include ms-u-lgPull0;
473
+ }
474
+ .ms-u-lgPush12 {
475
+ @include ms-u-lgPush12;
476
+ }
477
+ .ms-u-lgPush11 {
478
+ @include ms-u-lgPush11;
479
+ }
480
+ .ms-u-lgPush10 {
481
+ @include ms-u-lgPush10;
482
+ }
483
+ .ms-u-lgPush9 {
484
+ @include ms-u-lgPush9;
485
+ }
486
+ .ms-u-lgPush8 {
487
+ @include ms-u-lgPush8;
488
+ }
489
+ .ms-u-lgPush7 {
490
+ @include ms-u-lgPush7;
491
+ }
492
+ .ms-u-lgPush6 {
493
+ @include ms-u-lgPush6;
494
+ }
495
+ .ms-u-lgPush5 {
496
+ @include ms-u-lgPush5;
497
+ }
498
+ .ms-u-lgPush4 {
499
+ @include ms-u-lgPush4;
500
+ }
501
+ .ms-u-lgPush3 {
502
+ @include ms-u-lgPush3;
503
+ }
504
+ .ms-u-lgPush2 {
505
+ @include ms-u-lgPush2;
506
+ }
507
+ .ms-u-lgPush1 {
508
+ @include ms-u-lgPush1;
509
+ }
510
+ .ms-u-lgPush0 {
511
+ @include ms-u-lgPush0;
512
+ }
513
+
514
+ // Large Offset classes 0 ... 11
515
+ .ms-u-lgOffset11 {
516
+ @include ms-u-lgOffset11;
517
+ }
518
+ .ms-u-lgOffset10 {
519
+ @include ms-u-lgOffset10;
520
+ }
521
+ .ms-u-lgOffset9 {
522
+ @include ms-u-lgOffset9;
523
+ }
524
+ .ms-u-lgOffset8 {
525
+ @include ms-u-lgOffset8;
526
+ }
527
+ .ms-u-lgOffset7 {
528
+ @include ms-u-lgOffset7;
529
+ }
530
+ .ms-u-lgOffset6 {
531
+ @include ms-u-lgOffset6;
532
+ }
533
+ .ms-u-lgOffset5 {
534
+ @include ms-u-lgOffset5;
535
+ }
536
+ .ms-u-lgOffset4 {
537
+ @include ms-u-lgOffset4;
538
+ }
539
+ .ms-u-lgOffset3 {
540
+ @include ms-u-lgOffset3;
541
+ }
542
+ .ms-u-lgOffset2 {
543
+ @include ms-u-lgOffset2;
544
+ }
545
+ .ms-u-lgOffset1 {
546
+ @include ms-u-lgOffset1;
547
+ }
548
+ .ms-u-lgOffset0 {
549
+ @include ms-u-lgOffset0;
554
550
  }
555
551
 
556
552
  // 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
- }
553
+ .ms-u-xl12 {
554
+ @include ms-u-xl12;
555
+ }
556
+ .ms-u-xl11 {
557
+ @include ms-u-xl11;
558
+ }
559
+ .ms-u-xl10 {
560
+ @include ms-u-xl10;
561
+ }
562
+ .ms-u-xl9 {
563
+ @include ms-u-xl9;
564
+ }
565
+ .ms-u-xl8 {
566
+ @include ms-u-xl8;
567
+ }
568
+ .ms-u-xl7 {
569
+ @include ms-u-xl7;
570
+ }
571
+ .ms-u-xl6 {
572
+ @include ms-u-xl6;
573
+ }
574
+ .ms-u-xl5 {
575
+ @include ms-u-xl5;
576
+ }
577
+ .ms-u-xl4 {
578
+ @include ms-u-xl4;
579
+ }
580
+ .ms-u-xl3 {
581
+ @include ms-u-xl3;
582
+ }
583
+ .ms-u-xl2 {
584
+ @include ms-u-xl2;
585
+ }
586
+ .ms-u-xl1 {
587
+ @include ms-u-xl1;
588
+ }
589
+ .ms-u-xlPull12 {
590
+ @include ms-u-xlPull12;
591
+ }
592
+ .ms-u-xlPull11 {
593
+ @include ms-u-xlPull11;
594
+ }
595
+ .ms-u-xlPull10 {
596
+ @include ms-u-xlPull10;
597
+ }
598
+ .ms-u-xlPull9 {
599
+ @include ms-u-xlPull9;
600
+ }
601
+ .ms-u-xlPull8 {
602
+ @include ms-u-xlPull8;
603
+ }
604
+ .ms-u-xlPull7 {
605
+ @include ms-u-xlPull7;
606
+ }
607
+ .ms-u-xlPull6 {
608
+ @include ms-u-xlPull6;
609
+ }
610
+ .ms-u-xlPull5 {
611
+ @include ms-u-xlPull5;
612
+ }
613
+ .ms-u-xlPull4 {
614
+ @include ms-u-xlPull4;
615
+ }
616
+ .ms-u-xlPull3 {
617
+ @include ms-u-xlPull3;
618
+ }
619
+ .ms-u-xlPull2 {
620
+ @include ms-u-xlPull2;
621
+ }
622
+ .ms-u-xlPull1 {
623
+ @include ms-u-xlPull1;
624
+ }
625
+ .ms-u-xlPull0 {
626
+ @include ms-u-xlPull0;
627
+ }
628
+ .ms-u-xlPush12 {
629
+ @include ms-u-xlPush12;
630
+ }
631
+ .ms-u-xlPush11 {
632
+ @include ms-u-xlPush11;
633
+ }
634
+ .ms-u-xlPush10 {
635
+ @include ms-u-xlPush10;
636
+ }
637
+ .ms-u-xlPush9 {
638
+ @include ms-u-xlPush9;
639
+ }
640
+ .ms-u-xlPush8 {
641
+ @include ms-u-xlPush8;
642
+ }
643
+ .ms-u-xlPush7 {
644
+ @include ms-u-xlPush7;
645
+ }
646
+ .ms-u-xlPush6 {
647
+ @include ms-u-xlPush6;
648
+ }
649
+ .ms-u-xlPush5 {
650
+ @include ms-u-xlPush5;
651
+ }
652
+ .ms-u-xlPush4 {
653
+ @include ms-u-xlPush4;
654
+ }
655
+ .ms-u-xlPush3 {
656
+ @include ms-u-xlPush3;
657
+ }
658
+ .ms-u-xlPush2 {
659
+ @include ms-u-xlPush2;
660
+ }
661
+ .ms-u-xlPush1 {
662
+ @include ms-u-xlPush1;
663
+ }
664
+ .ms-u-xlPush0 {
665
+ @include ms-u-xlPush0;
666
+ }
667
+
668
+ // Large Offset classes 0 ... 11
669
+ .ms-u-xlOffset11 {
670
+ @include ms-u-xlOffset11;
671
+ }
672
+ .ms-u-xlOffset10 {
673
+ @include ms-u-xlOffset10;
674
+ }
675
+ .ms-u-xlOffset9 {
676
+ @include ms-u-xlOffset9;
677
+ }
678
+ .ms-u-xlOffset8 {
679
+ @include ms-u-xlOffset8;
680
+ }
681
+ .ms-u-xlOffset7 {
682
+ @include ms-u-xlOffset7;
683
+ }
684
+ .ms-u-xlOffset6 {
685
+ @include ms-u-xlOffset6;
686
+ }
687
+ .ms-u-xlOffset5 {
688
+ @include ms-u-xlOffset5;
689
+ }
690
+ .ms-u-xlOffset4 {
691
+ @include ms-u-xlOffset4;
692
+ }
693
+ .ms-u-xlOffset3 {
694
+ @include ms-u-xlOffset3;
695
+ }
696
+ .ms-u-xlOffset2 {
697
+ @include ms-u-xlOffset2;
698
+ }
699
+ .ms-u-xlOffset1 {
700
+ @include ms-u-xlOffset1;
701
+ }
702
+ .ms-u-xlOffset0 {
703
+ @include ms-u-xlOffset0;
710
704
  }
711
705
 
712
706
  // 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
- }
707
+ .ms-u-xxl12 {
708
+ @include ms-u-xxl12;
709
+ }
710
+ .ms-u-xxl11 {
711
+ @include ms-u-xxl11;
712
+ }
713
+ .ms-u-xxl10 {
714
+ @include ms-u-xxl10;
715
+ }
716
+ .ms-u-xxl9 {
717
+ @include ms-u-xxl9;
718
+ }
719
+ .ms-u-xxl8 {
720
+ @include ms-u-xxl8;
721
+ }
722
+ .ms-u-xxl7 {
723
+ @include ms-u-xxl7;
724
+ }
725
+ .ms-u-xxl6 {
726
+ @include ms-u-xxl6;
727
+ }
728
+ .ms-u-xxl5 {
729
+ @include ms-u-xxl5;
730
+ }
731
+ .ms-u-xxl4 {
732
+ @include ms-u-xxl4;
733
+ }
734
+ .ms-u-xxl3 {
735
+ @include ms-u-xxl3;
736
+ }
737
+ .ms-u-xxl2 {
738
+ @include ms-u-xxl2;
739
+ }
740
+ .ms-u-xxl1 {
741
+ @include ms-u-xxl1;
742
+ }
743
+ .ms-u-xxlPull12 {
744
+ @include ms-u-xxlPull12;
745
+ }
746
+ .ms-u-xxlPull11 {
747
+ @include ms-u-xxlPull11;
748
+ }
749
+ .ms-u-xxlPull10 {
750
+ @include ms-u-xxlPull10;
751
+ }
752
+ .ms-u-xxlPull9 {
753
+ @include ms-u-xxlPull9;
754
+ }
755
+ .ms-u-xxlPull8 {
756
+ @include ms-u-xxlPull8;
757
+ }
758
+ .ms-u-xxlPull7 {
759
+ @include ms-u-xxlPull7;
760
+ }
761
+ .ms-u-xxlPull6 {
762
+ @include ms-u-xxlPull6;
763
+ }
764
+ .ms-u-xxlPull5 {
765
+ @include ms-u-xxlPull5;
766
+ }
767
+ .ms-u-xxlPull4 {
768
+ @include ms-u-xxlPull4;
769
+ }
770
+ .ms-u-xxlPull3 {
771
+ @include ms-u-xxlPull3;
772
+ }
773
+ .ms-u-xxlPull2 {
774
+ @include ms-u-xxlPull2;
775
+ }
776
+ .ms-u-xxlPull1 {
777
+ @include ms-u-xxlPull1;
778
+ }
779
+ .ms-u-xxlPull0 {
780
+ @include ms-u-xxlPull0;
781
+ }
782
+ .ms-u-xxlPush12 {
783
+ @include ms-u-xxlPush12;
784
+ }
785
+ .ms-u-xxlPush11 {
786
+ @include ms-u-xxlPush11;
787
+ }
788
+ .ms-u-xxlPush10 {
789
+ @include ms-u-xxlPush10;
790
+ }
791
+ .ms-u-xxlPush9 {
792
+ @include ms-u-xxlPush9;
793
+ }
794
+ .ms-u-xxlPush8 {
795
+ @include ms-u-xxlPush8;
796
+ }
797
+ .ms-u-xxlPush7 {
798
+ @include ms-u-xxlPush7;
799
+ }
800
+ .ms-u-xxlPush6 {
801
+ @include ms-u-xxlPush6;
802
+ }
803
+ .ms-u-xxlPush5 {
804
+ @include ms-u-xxlPush5;
805
+ }
806
+ .ms-u-xxlPush4 {
807
+ @include ms-u-xxlPush4;
808
+ }
809
+ .ms-u-xxlPush3 {
810
+ @include ms-u-xxlPush3;
811
+ }
812
+ .ms-u-xxlPush2 {
813
+ @include ms-u-xxlPush2;
814
+ }
815
+ .ms-u-xxlPush1 {
816
+ @include ms-u-xxlPush1;
817
+ }
818
+ .ms-u-xxlPush0 {
819
+ @include ms-u-xxlPush0;
820
+ }
821
+
822
+ // Extra extra large Offset classes 0 ... 11
823
+ .ms-u-xxlOffset11 {
824
+ @include ms-u-xxlOffset11;
825
+ }
826
+ .ms-u-xxlOffset10 {
827
+ @include ms-u-xxlOffset10;
828
+ }
829
+ .ms-u-xxlOffset9 {
830
+ @include ms-u-xxlOffset9;
831
+ }
832
+ .ms-u-xxlOffset8 {
833
+ @include ms-u-xxlOffset8;
834
+ }
835
+ .ms-u-xxlOffset7 {
836
+ @include ms-u-xxlOffset7;
837
+ }
838
+ .ms-u-xxlOffset6 {
839
+ @include ms-u-xxlOffset6;
840
+ }
841
+ .ms-u-xxlOffset5 {
842
+ @include ms-u-xxlOffset5;
843
+ }
844
+ .ms-u-xxlOffset4 {
845
+ @include ms-u-xxlOffset4;
846
+ }
847
+ .ms-u-xxlOffset3 {
848
+ @include ms-u-xxlOffset3;
849
+ }
850
+ .ms-u-xxlOffset2 {
851
+ @include ms-u-xxlOffset2;
852
+ }
853
+ .ms-u-xxlOffset1 {
854
+ @include ms-u-xxlOffset1;
855
+ }
856
+ .ms-u-xxlOffset0 {
857
+ @include ms-u-xxlOffset0;
866
858
  }
867
859
 
868
860
  // 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
- }
861
+ .ms-u-xxxl12 {
862
+ @include ms-u-xxxl12;
863
+ }
864
+ .ms-u-xxxl11 {
865
+ @include ms-u-xxxl11;
866
+ }
867
+ .ms-u-xxxl10 {
868
+ @include ms-u-xxxl10;
869
+ }
870
+ .ms-u-xxxl9 {
871
+ @include ms-u-xxxl9;
872
+ }
873
+ .ms-u-xxxl8 {
874
+ @include ms-u-xxxl8;
875
+ }
876
+ .ms-u-xxxl7 {
877
+ @include ms-u-xxxl7;
878
+ }
879
+ .ms-u-xxxl6 {
880
+ @include ms-u-xxxl6;
881
+ }
882
+ .ms-u-xxxl5 {
883
+ @include ms-u-xxxl5;
884
+ }
885
+ .ms-u-xxxl4 {
886
+ @include ms-u-xxxl4;
887
+ }
888
+ .ms-u-xxxl3 {
889
+ @include ms-u-xxxl3;
890
+ }
891
+ .ms-u-xxxl2 {
892
+ @include ms-u-xxxl2;
893
+ }
894
+ .ms-u-xxxl1 {
895
+ @include ms-u-xxxl1;
896
+ }
897
+ .ms-u-xxxlPull12 {
898
+ @include ms-u-xxxlPull12;
899
+ }
900
+ .ms-u-xxxlPull11 {
901
+ @include ms-u-xxxlPull11;
902
+ }
903
+ .ms-u-xxxlPull10 {
904
+ @include ms-u-xxxlPull10;
905
+ }
906
+ .ms-u-xxxlPull9 {
907
+ @include ms-u-xxxlPull9;
908
+ }
909
+ .ms-u-xxxlPull8 {
910
+ @include ms-u-xxxlPull8;
911
+ }
912
+ .ms-u-xxxlPull7 {
913
+ @include ms-u-xxxlPull7;
914
+ }
915
+ .ms-u-xxxlPull6 {
916
+ @include ms-u-xxxlPull6;
917
+ }
918
+ .ms-u-xxxlPull5 {
919
+ @include ms-u-xxxlPull5;
920
+ }
921
+ .ms-u-xxxlPull4 {
922
+ @include ms-u-xxxlPull4;
923
+ }
924
+ .ms-u-xxxlPull3 {
925
+ @include ms-u-xxxlPull3;
926
+ }
927
+ .ms-u-xxxlPull2 {
928
+ @include ms-u-xxxlPull2;
929
+ }
930
+ .ms-u-xxxlPull1 {
931
+ @include ms-u-xxxlPull1;
932
+ }
933
+ .ms-u-xxxlPull0 {
934
+ @include ms-u-xxxlPull0;
935
+ }
936
+ .ms-u-xxxlPush12 {
937
+ @include ms-u-xxxlPush12;
938
+ }
939
+ .ms-u-xxxlPush11 {
940
+ @include ms-u-xxxlPush11;
941
+ }
942
+ .ms-u-xxxlPush10 {
943
+ @include ms-u-xxxlPush10;
944
+ }
945
+ .ms-u-xxxlPush9 {
946
+ @include ms-u-xxxlPush9;
947
+ }
948
+ .ms-u-xxxlPush8 {
949
+ @include ms-u-xxxlPush8;
950
+ }
951
+ .ms-u-xxxlPush7 {
952
+ @include ms-u-xxxlPush7;
953
+ }
954
+ .ms-u-xxxlPush6 {
955
+ @include ms-u-xxxlPush6;
956
+ }
957
+ .ms-u-xxxlPush5 {
958
+ @include ms-u-xxxlPush5;
959
+ }
960
+ .ms-u-xxxlPush4 {
961
+ @include ms-u-xxxlPush4;
962
+ }
963
+ .ms-u-xxxlPush3 {
964
+ @include ms-u-xxxlPush3;
965
+ }
966
+ .ms-u-xxxlPush2 {
967
+ @include ms-u-xxxlPush2;
968
+ }
969
+ .ms-u-xxxlPush1 {
970
+ @include ms-u-xxxlPush1;
971
+ }
972
+ .ms-u-xxxlPush0 {
973
+ @include ms-u-xxxlPush0;
974
+ }
975
+
976
+ // Extra extra extra large Offset classes 0 ... 11
977
+ .ms-u-xxxlOffset11 {
978
+ @include ms-u-xxxlOffset11;
979
+ }
980
+ .ms-u-xxxlOffset10 {
981
+ @include ms-u-xxxlOffset10;
982
+ }
983
+ .ms-u-xxxlOffset9 {
984
+ @include ms-u-xxxlOffset9;
985
+ }
986
+ .ms-u-xxxlOffset8 {
987
+ @include ms-u-xxxlOffset8;
988
+ }
989
+ .ms-u-xxxlOffset7 {
990
+ @include ms-u-xxxlOffset7;
991
+ }
992
+ .ms-u-xxxlOffset6 {
993
+ @include ms-u-xxxlOffset6;
994
+ }
995
+ .ms-u-xxxlOffset5 {
996
+ @include ms-u-xxxlOffset5;
997
+ }
998
+ .ms-u-xxxlOffset4 {
999
+ @include ms-u-xxxlOffset4;
1000
+ }
1001
+ .ms-u-xxxlOffset3 {
1002
+ @include ms-u-xxxlOffset3;
1003
+ }
1004
+ .ms-u-xxxlOffset2 {
1005
+ @include ms-u-xxxlOffset2;
1006
+ }
1007
+ .ms-u-xxxlOffset1 {
1008
+ @include ms-u-xxxlOffset1;
1009
+ }
1010
+ .ms-u-xxxlOffset0 {
1011
+ @include ms-u-xxxlOffset0;
1022
1012
  }