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

data/vendor/assets/scss/_Fabric.Mixins.scss

@@ -1,282 +0,0 @@
-// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
-
-//
-// Office UI Fabric
-// --------------------------------------------------
-// Vendor-prefixed mixins
-
-
-// Border radius.
-@mixin border-radius($ms-radius: 5px) {
-  border-radius: $ms-radius;
-  background-clip: padding-box;
-}
-
-// Drop shadow.
-@mixin drop-shadow($ms-x-offset: 0, $ms-y-offset: 0, $ms-blur: 5px, $ms-spread: 0, $ms-alpha: 0.4) {
-  box-shadow: $ms-x-offset $ms-y-offset $ms-blur $ms-spread rgba(0, 0, 0, $ms-alpha);
-}
-
-// Background gradient.
-@mixin background-gradient($ms-origin: left, $ms-start: #000, $ms-start-location: 0%, $ms-stop: #FFF, $ms-stop-location: 100%) {
-    background-color: $ms-start;
-    background-image: linear-gradient($ms-origin, $ms-start $ms-start-location, $ms-stop $ms-stop-location);
-}
-
-// Rotation.
-@mixin rotate($ms-deg) {
-  transform: rotate($ms-deg);
-}
-
-// Reset button styles.
-@mixin button-reset() {
-  background: none;
-  border: 0;
-  cursor: pointer;
-}
-
-@mixin resetAnimation() {
-    -webkit-animation: none;
-    -moz-animation:  none;
-    -ms-animation:  none;
-    -o-animation:  none;
-    animation:  none;
-}
-
-@mixin resetBackface() {
-   backface-visibility: visible;
-}
-
-@mixin resetBackground() {
-  background: 0;
-  background-clip: border-box;
-  background-origin: padding-box;
-}
-
-@mixin resetBorder() {
-  border: 0;
-  border-collapse: separate;
-  border-image: none;
-  border-radius: 0;
-  border-spacing: 0;
-}
-
-@mixin resetBoxShadow() {
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-}
-
-@mixin resetBoxSizing() {
-   box-sizing: content-box;
-}
-
-@mixin resetColumns() {
-  columns: auto;
-  column-count: auto;
-  column-fill: balance;
-  column-gap: normal;
-  column-rule: medium none currentColor;
-  column-rule-color: currentColor;
-  column-rule-style: none;
-  column-rule-width: none;
-  column-span: 1;
-  column-width: auto;
-}
-
-
-// Fonts and Typography Resets
-@mixin resetFont() {
-  font: normal;
-  font-family: inherit;
-  font-size: normal;
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-}
-
-@mixin resetTextStyling() {
-  text-align: inherit;
-  text-align-last: auto;
-  text-decoration: none;
-  text-decoration-color: inherit;
-  text-decoration-line: none;
-  text-decoration-style: solid;
-  text-indent: 0;
-  text-shadow: none;
-  text-transform: none;
-  line-height: normal;
-  letter-spacing: normal;
-  word-spacing: normal;
-}
-
-
-// Box Model Resets
-@mixin resetPadding() {
-  padding: 0;
-}
-
-@mixin resetMargins() {
-  margin: 0;
-}
-
-@mixin resetOverflow() {
-  overflow: visible;
-}
-
-@mixin resetMax() {
-    max-height: none;
-    max-width: none;
-}
-
-@mixin resetMin() {
-    min-height: 0;
-    min-width: 0;
-}
-
-@mixin resetPositioning() {
-  bottom: auto;
-  left: auto;
-  top: auto;
-  left: auto;
-}
-
-@mixin resetFloat() {
-  float: none;
-}
-
-@mixin resetHeight($ms-useMaxMin: false) {
-    height: auto;
-    @if $ms-useMaxMin == true {
-        min-height: 0;
-        max-height: 0;
-    }
-}
-
-@mixin resetWidth($ms-useMaxMin: false) {
-    width: auto;
-    @if $ms-useMaxMin == true {
-        min-width: 0;
-        max-width: 0;
-    }
-}
-
-@mixin resetPosition() {
-  position: static;
-}
-
-@mixin resetPerspective() {
-  -webkit-perspective: none;
-  -webkit-perspective-origin: 50% 50%;
-  perspective: none;
-  perspective-origin: 50% 50%;
-
-}
-
-@mixin resetTransition() {
-  -webkit-transition: none;
-  transition: none;
-}
-
-@mixin resetListStyle() {
-  list-style: none;
-}
-
-@mixin resetTransform() {
-  -ms-transform: none;
-  -webkit-transform: none;
-  -webkit-transform-style: flat;
-  transform: none;
-  transform-style: flat;
-}
-
-@mixin resetOutline() {
-  outline: 0;
-}
-
-@mixin resetPageBreak() {
-  page-break-after: auto;
-  page-break-before: auto;
-  page-break-inside: auto;
-}
-
-@mixin resetDisplay() {
-  display: block;
-}
-
-@mixin resetVerticalAlign() {
-    vertical-align: baseline;
-}
-
-// Prevents user selection of text elements.
-@mixin user-select ($val) {
-    -webkit-touch-callout:  $val;
-    -webkit-user-select:    $val;
-    -khtml-user-select:     $val;
-    -moz-user-select:       $val;
-    -ms-user-select:        $val;
-    user-select:            $val;
-}
-
-// Prevents the text within a block element from wrapping to second line.
-@mixin noWrap() {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-// Input placehoder
-@mixin input-placeholder {
-    &::-webkit-input-placeholder  {@content}
-    &::-moz-placeholder           {@content}
-    &:-moz-placeholder            {@content}
-    &:-ms-input-placeholder       {@content}
-}
-
-// Animations
-@mixin animationName($ms-name) {
-    -webkit-animation-name: $ms-name;
-    -moz-animation-name: $ms-name;
-    -ms-animation-name: $ms-name;
-    -o-animation-name: $ms-name;
-    animation-name: $ms-name;
-}
-
-@mixin animationDuration($ms-duration) {
-    -webkit-animation-duration: $ms-duration;
-    -moz-animation-duration: $ms-duration;
-    -ms-animation-duration: $ms-duration;
-    -o-animation-duration: $ms-duration;
-}
-
-@mixin animationTiming($ms-function) {
-    -webkit-animation-timing-function: $ms-function;
-    -moz-animation-timing-function: $ms-function;
-    -ms-animation-timing-function: $ms-function;
-    -o-animation-timing-function: $ms-function;
-    animation-timing-function: $ms-function;
-}
-
-@mixin animationFillMode($ms-mode) {
-    -webkit-animation-fill-mode: $ms-mode;
-    -moz-animation-fill-mode: $ms-mode;
-    -ms-animation-fill-mode: $ms-mode;
-    -o-animation-fill-mode: $ms-mode;
-    animation-fill-mode: $ms-mode;
-}
-
-// Flexbox
-@mixin flexBox() {
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-}
-
-@mixin alignItems($ms-mode) {
-    -webkit-box-align: $ms-mode;
-    -moz-box-align: $ms-mode;
-    -ms-flex-align: $ms-mode;
-    -webkit-align-items: $ms-mode;
-    align-items: $ms-mode;
-}

data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss

@@ -1,1423 +0,0 @@
-// Small Screens
-@mixin ms-u-sm12 {
-  width: 100%;
-}
-@mixin ms-u-sm11 {
-  width: 91.66666666666666%;
-}
-@mixin ms-u-sm10 {
-  width: 83.33333333333334%;
-}
-@mixin ms-u-sm9 {
-  width: 75%;
-}
-@mixin ms-u-sm8 {
-  width: 66.66666666666666%;
-}
-@mixin ms-u-sm7 {
-  width: 58.333333333333336%;
-}
-@mixin ms-u-sm6 {
-  width: 50%;
-}
-@mixin ms-u-sm5 {
-  width: 41.66666666666667%;
-}
-@mixin ms-u-sm4 {
-  width: 33.33333333333333%;
-}
-@mixin ms-u-sm3 {
-  width: 25%;
-}
-@mixin ms-u-sm2 {
-  width: 16.666666666666664%;
-}
-@mixin ms-u-sm1 {
-  width: 8.333333333333332%;
-}
-@mixin ms-u-smPull12 {
-  right: 100%;
-}
-@mixin ms-u-smPull11 {
-  right: 91.66666666666666%;
-}
-@mixin ms-u-smPull10 {
-  right: 83.33333333333334%;
-}
-@mixin ms-u-smPull9 {
-  right: 75%;
-}
-@mixin ms-u-smPull8 {
-  right: 66.66666666666666%;
-}
-@mixin ms-u-smPull7 {
-  right: 58.333333333333336%;
-}
-@mixin ms-u-smPull6 {
-  right: 50%;
-}
-@mixin ms-u-smPull5 {
-  right: 41.66666666666667%;
-}
-@mixin ms-u-smPull4 {
-  right: 33.33333333333333%;
-}
-@mixin ms-u-smPull3 {
-  right: 25%;
-}
-@mixin ms-u-smPull2 {
-  right: 16.666666666666664%;
-}
-@mixin ms-u-smPull1 {
-  right: 8.333333333333332%;
-}
-@mixin ms-u-smPull0 {
-  right: auto;
-}
-@mixin ms-u-smPush12 {
-  left: 100%;
-}
-@mixin ms-u-smPush11 {
-  left: 91.66666666666666%;
-}
-@mixin ms-u-smPush10 {
-  left: 83.33333333333334%;
-}
-@mixin ms-u-smPush9 {
-  left: 75%;
-}
-@mixin ms-u-smPush8 {
-  left: 66.66666666666666%;
-}
-@mixin ms-u-smPush7 {
-  left: 58.333333333333336%;
-}
-@mixin ms-u-smPush6 {
-  left: 50%;
-}
-@mixin ms-u-smPush5 {
-  left: 41.66666666666667%;
-}
-@mixin ms-u-smPush4 {
-  left: 33.33333333333333%;
-}
-@mixin ms-u-smPush3 {
-  left: 25%;
-}
-@mixin ms-u-smPush2 {
-  left: 16.666666666666664%;
-}
-@mixin ms-u-smPush1 {
-  left: 8.333333333333332%;
-}
-@mixin ms-u-smPush0 {
-  left: auto;
-}
-
-// Small Offset classes 0 ... 11
-@mixin ms-u-smOffset11 {
-  margin-left: 91.66666666666666%;
-}
-@mixin ms-u-smOffset10 {
-  margin-left: 83.33333333333334%;
-}
-@mixin ms-u-smOffset9 {
-  margin-left: 75%;
-}
-@mixin ms-u-smOffset8 {
-  margin-left: 66.66666666666666%;
-}
-@mixin ms-u-smOffset7 {
-  margin-left: 58.333333333333336%;
-}
-@mixin ms-u-smOffset6 {
-  margin-left: 50%;
-}
-@mixin ms-u-smOffset5 {
-  margin-left: 41.66666666666667%;
-}
-@mixin ms-u-smOffset4 {
-  margin-left: 33.33333333333333%;
-}
-@mixin ms-u-smOffset3 {
-  margin-left: 25%;
-}
-@mixin ms-u-smOffset2 {
-  margin-left: 16.666666666666664%;
-}
-@mixin ms-u-smOffset1 {
-  margin-left: 8.333333333333332%;
-}
-@mixin ms-u-smOffset0 {
-  margin-left: 0;
-}
-
-// Medium Screens
-@mixin ms-u-md12 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 100%;
-  }
-}
-@mixin ms-u-md11 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 91.66666666666666%;
-  }
-}
-@mixin ms-u-md10 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 83.33333333333334%;
-  }
-}
-@mixin ms-u-md9 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 75%;
-  }
-}
-@mixin ms-u-md8 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 66.66666666666666%;
-  }
-}
-@mixin ms-u-md7 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 58.333333333333336%;
-  }
-}
-@mixin ms-u-md6 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 50%;
-  }
-}
-@mixin ms-u-md5 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 41.66666666666667%;
-  }
-}
-@mixin ms-u-md4 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 33.33333333333333%;
-  }
-}
-@mixin ms-u-md3 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 25%;
-  }
-}
-@mixin ms-u-md2 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 16.666666666666664%;
-  }
-}
-@mixin ms-u-md1 {
-  @media (min-width: $ms-screen-md-min) {
-    width: 8.333333333333332%;
-  }
-}
-@mixin ms-u-mdPull12 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 100%;
-  }
-}
-@mixin ms-u-mdPull11 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 91.66666666666666%;
-  }
-}
-@mixin ms-u-mdPull10 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 83.33333333333334%;
-  }
-}
-@mixin ms-u-mdPull9 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 75%;
-  }
-}
-@mixin ms-u-mdPull8 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 66.66666666666666%;
-  }
-}
-@mixin ms-u-mdPull7 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 58.333333333333336%;
-  }
-}
-@mixin ms-u-mdPull6 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 50%;
-  }
-}
-@mixin ms-u-mdPull5 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 41.66666666666667%;
-  }
-}
-@mixin ms-u-mdPull4 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 33.33333333333333%;
-  }
-}
-@mixin ms-u-mdPull3 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 25%;
-  }
-}
-@mixin ms-u-mdPull2 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 16.666666666666664%;
-  }
-}
-@mixin ms-u-mdPull1 {
-  @media (min-width: $ms-screen-md-min) {
-    right: 8.333333333333332%;
-  }
-}
-@mixin ms-u-mdPull0 {
-  @media (min-width: $ms-screen-md-min) {
-    right: auto;
-  }
-}
-@mixin ms-u-mdPush12 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 100%;
-  }
-}
-@mixin ms-u-mdPush11 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 91.66666666666666%;
-  }
-}
-@mixin ms-u-mdPush10 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 83.33333333333334%;
-  }
-}
-@mixin ms-u-mdPush9 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 75%;
-  }
-}
-@mixin ms-u-mdPush8 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 66.66666666666666%;
-  }
-}
-@mixin ms-u-mdPush7 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 58.333333333333336%;
-  }
-}
-@mixin ms-u-mdPush6 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 50%;
-  }
-}
-@mixin ms-u-mdPush5 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 41.66666666666667%;
-  }
-}
-@mixin ms-u-mdPush4 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 33.33333333333333%;
-  }
-}
-@mixin ms-u-mdPush3 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 25%;
-  }
-}
-@mixin ms-u-mdPush2 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 16.666666666666664%;
-  }
-}
-@mixin ms-u-mdPush1 {
-  @media (min-width: $ms-screen-md-min) {
-    left: 8.333333333333332%;
-  }
-}
-@mixin ms-u-mdPush0 {
-  @media (min-width: $ms-screen-md-min) {
-    left: auto;
-  }
-}
-
-// Medium Offset classes 0 ... 11
-@mixin ms-u-mdOffset11 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 91.66666666666666%;
-  }
-}
-@mixin ms-u-mdOffset10 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 83.33333333333334%;
-  }
-}
-@mixin ms-u-mdOffset9 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 75%;
-  }
-}
-@mixin ms-u-mdOffset8 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 66.66666666666666%;
-  }
-}
-@mixin ms-u-mdOffset7 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 58.333333333333336%;
-  }
-}
-@mixin ms-u-mdOffset6 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 50%;
-  }
-}
-@mixin ms-u-mdOffset5 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 41.66666666666667%;
-  }
-}
-@mixin ms-u-mdOffset4 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 33.33333333333333%;
-  }
-}
-@mixin ms-u-mdOffset3 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 25%;
-  }
-}
-@mixin ms-u-mdOffset2 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 16.666666666666664%;
-  }
-}
-@mixin ms-u-mdOffset1 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 8.333333333333332%;
-  }
-}
-@mixin ms-u-mdOffset0 {
-  @media (min-width: $ms-screen-md-min) {
-    margin-left: 0;
-  }
-}
-
-// Large screens
-@mixin ms-u-lg12 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 100%;
-  }
-}
-@mixin ms-u-lg11 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 91.66666666666666%;
-  }
-}
-@mixin ms-u-lg10 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 83.33333333333334%;
-  }
-}
-@mixin ms-u-lg9 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 75%;
-  }
-}
-@mixin ms-u-lg8 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 66.66666666666666%;
-  }
-}
-@mixin ms-u-lg7 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 58.333333333333336%;
-  }
-}
-@mixin ms-u-lg6 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 50%;
-  }
-}
-@mixin ms-u-lg5 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 41.66666666666667%;
-  }
-}
-@mixin ms-u-lg4 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 33.33333333333333%;
-  }
-}
-@mixin ms-u-lg3 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 25%;
-  }
-}
-@mixin ms-u-lg2 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 16.666666666666664%;
-  }
-}
-@mixin ms-u-lg1 {
-  @media (min-width: $ms-screen-lg-min) {
-    width: 8.333333333333332%;
-  }
-}
-@mixin ms-u-lgPull12 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 100%;
-  }
-}
-@mixin ms-u-lgPull11 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 91.66666666666666%;
-  }
-}
-@mixin ms-u-lgPull10 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 83.33333333333334%;
-  }
-}
-@mixin ms-u-lgPull9 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 75%;
-  }
-}
-@mixin ms-u-lgPull8 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 66.66666666666666%;
-  }
-}
-@mixin ms-u-lgPull7 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 58.333333333333336%;
-  }
-}
-@mixin ms-u-lgPull6 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 50%;
-  }
-}
-@mixin ms-u-lgPull5 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 41.66666666666667%;
-  }
-}
-@mixin ms-u-lgPull4 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 33.33333333333333%;
-  }
-}
-@mixin ms-u-lgPull3 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 25%;
-  }
-}
-@mixin ms-u-lgPull2 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 16.666666666666664%;
-  }
-}
-@mixin ms-u-lgPull1 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: 8.333333333333332%;
-  }
-}
-@mixin ms-u-lgPull0 {
-  @media (min-width: $ms-screen-lg-min) {
-    right: auto;
-  }
-}
-@mixin ms-u-lgPush12 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 100%;
-  }
-}
-@mixin ms-u-lgPush11 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 91.66666666666666%;
-  }
-}
-@mixin ms-u-lgPush10 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 83.33333333333334%;
-  }
-}
-@mixin ms-u-lgPush9 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 75%;
-  }
-}
-@mixin ms-u-lgPush8 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 66.66666666666666%;
-  }
-}
-@mixin ms-u-lgPush7 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 58.333333333333336%;
-  }
-}
-@mixin ms-u-lgPush6 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 50%;
-  }
-}
-@mixin ms-u-lgPush5 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 41.66666666666667%;
-  }
-}
-@mixin ms-u-lgPush4 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 33.33333333333333%;
-  }
-}
-@mixin ms-u-lgPush3 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 25%;
-  }
-}
-@mixin ms-u-lgPush2 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 16.666666666666664%;
-  }
-}
-@mixin ms-u-lgPush1 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: 8.333333333333332%;
-  }
-}
-@mixin ms-u-lgPush0 {
-  @media (min-width: $ms-screen-lg-min) {
-    left: auto;
-  }
-}
-
-// Large Offset classes 0 ... 11
-@mixin ms-u-lgOffset11 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 91.66666666666666%;
-  }
-}
-@mixin ms-u-lgOffset10 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 83.33333333333334%;
-  }
-}
-@mixin ms-u-lgOffset9 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 75%;
-  }
-}
-@mixin ms-u-lgOffset8 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 66.66666666666666%;
-  }
-}
-@mixin ms-u-lgOffset7 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 58.333333333333336%;
-  }
-}
-@mixin ms-u-lgOffset6 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 50%;
-  }
-}
-@mixin ms-u-lgOffset5 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 41.66666666666667%;
-  }
-}
-@mixin ms-u-lgOffset4 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 33.33333333333333%;
-  }
-}
-@mixin ms-u-lgOffset3 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 25%;
-  }
-}
-@mixin ms-u-lgOffset2 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 16.666666666666664%;
-  }
-}
-@mixin ms-u-lgOffset1 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 8.333333333333332%;
-  }
-}
-@mixin ms-u-lgOffset0 {
-  @media (min-width: $ms-screen-lg-min) {
-    margin-left: 0;
-  }
-}
-
-// Extra Large Screens
-@mixin ms-u-xl12 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 100%;
-  }
-}
-@mixin ms-u-xl11 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xl10 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xl9 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 75%;
-  }
-}
-@mixin ms-u-xl8 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xl7 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xl6 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 50%;
-  }
-}
-@mixin ms-u-xl5 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xl4 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xl3 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 25%;
-  }
-}
-@mixin ms-u-xl2 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xl1 {
-  @media (min-width: $ms-screen-xl-min) {
-    width: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xlPull12 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 100%;
-  }
-}
-@mixin ms-u-xlPull11 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xlPull10 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xlPull9 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 75%;
-  }
-}
-@mixin ms-u-xlPull8 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xlPull7 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xlPull6 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 50%;
-  }
-}
-@mixin ms-u-xlPull5 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xlPull4 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xlPull3 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 25%;
-  }
-}
-@mixin ms-u-xlPull2 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xlPull1 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xlPull0 {
-  @media (min-width: $ms-screen-xl-min) {
-    right: auto;
-  }
-}
-@mixin ms-u-xlPush12 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 100%;
-  }
-}
-@mixin ms-u-xlPush11 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xlPush10 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xlPush9 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 75%;
-  }
-}
-@mixin ms-u-xlPush8 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xlPush7 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xlPush6 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 50%;
-  }
-}
-@mixin ms-u-xlPush5 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xlPush4 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xlPush3 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 25%;
-  }
-}
-@mixin ms-u-xlPush2 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xlPush1 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xlPush0 {
-  @media (min-width: $ms-screen-xl-min) {
-    left: auto;
-  }
-}
-
-// Large Offset classes 0 ... 11
-@mixin ms-u-xlOffset11 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xlOffset10 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xlOffset9 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 75%;
-  }
-}
-@mixin ms-u-xlOffset8 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xlOffset7 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xlOffset6 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 50%;
-  }
-}
-@mixin ms-u-xlOffset5 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xlOffset4 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xlOffset3 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 25%;
-  }
-}
-@mixin ms-u-xlOffset2 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xlOffset1 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xlOffset0 {
-  @media (min-width: $ms-screen-xl-min) {
-    margin-left: 0;
-  }
-}
-
-// XXL Screens
-@mixin ms-u-xxl12 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 100%;
-  }
-}
-@mixin ms-u-xxl11 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xxl10 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xxl9 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 75%;
-  }
-}
-@mixin ms-u-xxl8 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xxl7 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xxl6 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 50%;
-  }
-}
-@mixin ms-u-xxl5 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xxl4 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xxl3 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 25%;
-  }
-}
-@mixin ms-u-xxl2 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xxl1 {
-  @media (min-width: $ms-screen-xxl-min) {
-    width: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xxlPull12 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 100%;
-  }
-}
-@mixin ms-u-xxlPull11 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xxlPull10 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xxlPull9 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 75%;
-  }
-}
-@mixin ms-u-xxlPull8 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xxlPull7 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xxlPull6 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 50%;
-  }
-}
-@mixin ms-u-xxlPull5 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xxlPull4 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xxlPull3 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 25%;
-  }
-}
-@mixin ms-u-xxlPull2 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xxlPull1 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xxlPull0 {
-  @media (min-width: $ms-screen-xxl-min) {
-    right: auto;
-  }
-}
-@mixin ms-u-xxlPush12 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 100%;
-  }
-}
-@mixin ms-u-xxlPush11 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xxlPush10 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xxlPush9 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 75%;
-  }
-}
-@mixin ms-u-xxlPush8 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xxlPush7 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xxlPush6 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 50%;
-  }
-}
-@mixin ms-u-xxlPush5 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xxlPush4 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xxlPush3 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 25%;
-  }
-}
-@mixin ms-u-xxlPush2 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xxlPush1 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xxlPush0 {
-  @media (min-width: $ms-screen-xxl-min) {
-    left: auto;
-  }
-}
-
-// Extra extra large Offset classes 0 ... 11
-@mixin ms-u-xxlOffset11 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xxlOffset10 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xxlOffset9 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 75%;
-  }
-}
-@mixin ms-u-xxlOffset8 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xxlOffset7 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xxlOffset6 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 50%;
-  }
-}
-@mixin ms-u-xxlOffset5 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xxlOffset4 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xxlOffset3 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 25%;
-  }
-}
-@mixin ms-u-xxlOffset2 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xxlOffset1 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xxlOffset0 {
-  @media (min-width: $ms-screen-xxl-min) {
-    margin-left: 0;
-  }
-}
-
-// Extra extra extra large screens
-@mixin ms-u-xxxl12 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 100%;
-  }
-}
-@mixin ms-u-xxxl11 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xxxl10 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xxxl9 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 75%;
-  }
-}
-@mixin ms-u-xxxl8 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xxxl7 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xxxl6 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 50%;
-  }
-}
-@mixin ms-u-xxxl5 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xxxl4 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xxxl3 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 25%;
-  }
-}
-@mixin ms-u-xxxl2 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xxxl1 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    width: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xxxlPull12 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 100%;
-  }
-}
-@mixin ms-u-xxxlPull11 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xxxlPull10 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xxxlPull9 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 75%;
-  }
-}
-@mixin ms-u-xxxlPull8 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xxxlPull7 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xxxlPull6 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 50%;
-  }
-}
-@mixin ms-u-xxxlPull5 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xxxlPull4 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xxxlPull3 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 25%;
-  }
-}
-@mixin ms-u-xxxlPull2 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xxxlPull1 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xxxlPull0 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    right: auto;
-  }
-}
-@mixin ms-u-xxxlPush12 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 100%;
-  }
-}
-@mixin ms-u-xxxlPush11 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xxxlPush10 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xxxlPush9 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 75%;
-  }
-}
-@mixin ms-u-xxxlPush8 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xxxlPush7 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xxxlPush6 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 50%;
-  }
-}
-@mixin ms-u-xxxlPush5 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xxxlPush4 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xxxlPush3 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 25%;
-  }
-}
-@mixin ms-u-xxxlPush2 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xxxlPush1 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xxxlPush0 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    left: auto;
-  }
-}
-
-// Extra extra extra large Offset classes 0 ... 11
-@mixin ms-u-xxxlOffset11 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 91.66666666666666%;
-  }
-}
-@mixin ms-u-xxxlOffset10 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 83.33333333333334%;
-  }
-}
-@mixin ms-u-xxxlOffset9 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 75%;
-  }
-}
-@mixin ms-u-xxxlOffset8 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 66.66666666666666%;
-  }
-}
-@mixin ms-u-xxxlOffset7 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 58.333333333333336%;
-  }
-}
-@mixin ms-u-xxxlOffset6 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 50%;
-  }
-}
-@mixin ms-u-xxxlOffset5 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 41.66666666666667%;
-  }
-}
-@mixin ms-u-xxxlOffset4 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 33.33333333333333%;
-  }
-}
-@mixin ms-u-xxxlOffset3 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 25%;
-  }
-}
-@mixin ms-u-xxxlOffset2 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 16.666666666666664%;
-  }
-}
-@mixin ms-u-xxxlOffset1 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 8.333333333333332%;
-  }
-}
-@mixin ms-u-xxxlOffset0 {
-  @media (min-width: $ms-screen-xxxl-min) {
-    margin-left: 0;
-  }
-}