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

data/vendor/assets/scss/mixins/_ScopedStyles.Mixins.scss

@@ -0,0 +1,20 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+
+$ms-fabric-version-major: nth($ms-fabric-version, 1);
+$ms-fabric-version-minor: nth($ms-fabric-version, 2);
+$ms-fabric-version-patch: nth($ms-fabric-version, 3);
+
+// The CSS class for scoping styles to the current version of Fabric.
+$ms-fabric-version-suffix: '--v' + $ms-fabric-version-major + '-' + $ms-fabric-version-minor + '-' + $ms-fabric-version-patch;
+$ms-fabric-scope-class: '.ms-Fabric' + $ms-fabric-version-suffix;
+
+// A mixin to scope styles to the current version of Fabric.
+// Produces styles of the form .ms-Fabric-{version #} @content.
+@mixin scope-fabric {
+  #{$ms-fabric-scope-class} {
+    @content;
+  }
+}

data/vendor/assets/scss/variables/_Animation.Variables.scss

@@ -0,0 +1,11 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+// Easings
+$ms-animation-ease-1: cubic-bezier(0.1,0.9,0.2,1) !default;
+$ms-animation-ease-2: cubic-bezier(0.1,0.25,0.75,0.9) !default;
+
+// Durations
+$ms-animation-duration-1: 0.167s !default;
+$ms-animation-duration-2: 0.267s !default;
+$ms-animation-duration-3: 0.367s !default;
+$ms-animation-duration-4: 0.467s !default;

data/vendor/assets/scss/variables/_BrandIcon.Variables.scss

@@ -0,0 +1,12 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+// Image paths
+$ms-brand-icon-product-images-path:   'https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png';
+$ms-brand-icon-document-images-path:  'https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png';
+
+// Names
+$ms-brand-icon-product-icons:  access excel infopath office onedrive onenote outlook powerpoint project sharepoint visio word;
+$ms-brand-icon-document-icons: accdb csv docx dotx mpp mpt odp ods odt one onepkg onetoc potx ppsx pptx pub vsdx vssx vstx xls xlsx xltx xsn;
+
+// Sizes
+$ms-brand-icon-sizes: 16 48 96;

data/vendor/assets/scss/{_Fabric.Color.Variables.scss → variables/_Color.Variables.scss}

@@ -1,93 +1,77 @@
-// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
-
-//
-// Office UI Fabric
-// --------------------------------------------------
-// Fabric Core Color Variables
-
-
-//== Theme Colors
-//
-$ms-color-themeDarker:     #004578 !default;
-$ms-color-themeDark:       #005a9e !default;
-$ms-color-themeDarkAlt:    #106ebe !default;
-$ms-color-themePrimary:    #0078d7 !default;
-$ms-color-themeSecondary:  #2488d8 !default;
-$ms-color-themeTertiary:   #69afe5 !default;
-$ms-color-themeLight:      #b3d6f2 !default;
-$ms-color-themeLighter:    #deecf9 !default;
-$ms-color-themeLighterAlt: #eff6fc !default;
-
-
-//== Grayscale Colors
-//
-$ms-color-black:                 #000000 !default;
-$ms-color-neutralDark:           #212121 !default;
-$ms-color-neutralPrimary:        #333333 !default;
-$ms-color-neutralPrimaryAlt:     #3C3C3C !default;
-$ms-color-neutralSecondary:      #666666 !default;
-$ms-color-neutralSecondaryAlt:   #767676 !default;
-$ms-color-neutralTertiary:       #a6a6a6 !default;
-$ms-color-neutralTertiaryAlt:    #c8c8c8 !default;
-$ms-color-neutralQuaternary:     #d0d0d0 !default;
-$ms-color-neutralQuaternaryAlt:  #dadada !default;
-$ms-color-neutralLight:          #eaeaea !default;
-$ms-color-neutralLighter:        #f4f4f4 !default;
-$ms-color-neutralLighterAlt:     #f8f8f8 !default;
-$ms-color-white:                 #ffffff !default;
-
-//== Translucent Colors
-//
-$ms-color-blackTranslucent40:  rgba(0,0,0,.4) !default;
-$ms-color-whiteTranslucent40:  rgba(255,255,255,.4) !default;
-
-
-//== Core brand and accent colors
-//
-$ms-color-yellow:        #ffb900 !default;
-$ms-color-yellowLight:   #fff100 !default;
-$ms-color-orange:        #d83b01 !default;
-$ms-color-orangeLight:   #ea4300 !default;
-$ms-color-orangeLighter: #ff8c00 !default;
-$ms-color-redDark:       #a80000 !default;
-$ms-color-red:           #e81123 !default;
-$ms-color-magentaDark:   #5c005c !default;
-$ms-color-magenta:       #b4009e !default;
-$ms-color-magentaLight:  #e3008c !default;
-$ms-color-purpleDark:    #32145a !default;
-$ms-color-purple:        #5c2d91 !default;
-$ms-color-purpleLight:   #b4a0ff !default;
-$ms-color-blueDark:      #002050 !default;
-$ms-color-blueMid:       #00188f !default;
-$ms-color-blue:          #0078d7 !default;
-$ms-color-blueLight:     #00bcf2 !default;
-$ms-color-tealDark:      #004b50 !default;
-$ms-color-teal:          #008272 !default;
-$ms-color-tealLight:     #00b294 !default;
-$ms-color-greenDark:     #004b1c !default;
-$ms-color-green:         #107c10 !default;
-$ms-color-greenLight:    #bad80a !default;
-
-
-//== Message colors
-//
-$ms-color-info:              $ms-color-neutralSecondaryAlt !default;
-$ms-color-infoBackground:    $ms-color-neutralLighter !default;
-$ms-color-success:           $ms-color-green !default;
-$ms-color-successBackground: #dff6dd !default;
-$ms-color-severeWarning:     $ms-color-orange !default;
-$ms-color-severeWarningBackground: #fed9cc !default;
-$ms-color-alert:             $ms-color-severeWarning !default;   // Deprecated: Use $ms-color-severeWarning
-$ms-color-alertBackground:   $ms-color-severeWarningBackground !default; // Deprecated: Use $ms-color-severeWarningBackground
-$ms-color-warning:           $ms-color-neutralSecondaryAlt !default;
-$ms-color-warningBackground: #fff4ce !default;
-$ms-color-error:             $ms-color-redDark !default;
-$ms-color-errorBackground:   #fde7e9 !default;
-
-
-//== High contrast colors
-//
-$ms-color-contrastBlackDisabled: #00ff00 !default;
-$ms-color-contrastWhiteDisabled: #600000 !default;
-$ms-color-contrastBlackSelected: #1AEBFF !default;
-$ms-color-contrastWhiteSelected: #37006E !default;
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+// Theme
+$ms-color-themeDarker:     #004578 !default;
+$ms-color-themeDark:       #005a9e !default;
+$ms-color-themeDarkAlt:    #106ebe !default;
+$ms-color-themePrimary:    #0078d7 !default;
+$ms-color-themeSecondary:  #2488d8 !default;
+$ms-color-themeTertiary:   #69afe5 !default;
+$ms-color-themeLight:      #c7e0f4 !default;
+$ms-color-themeLighter:    #deecf9 !default;
+$ms-color-themeLighterAlt: #eff6fc !default;
+
+// Neutral
+$ms-color-black:                 #000000 !default;
+$ms-color-neutralDark:           #212121 !default;
+$ms-color-neutralPrimary:        #333333 !default;
+$ms-color-neutralPrimaryAlt:     #3C3C3C !default;
+$ms-color-neutralSecondary:      #666666 !default;
+$ms-color-neutralSecondaryAlt:   #767676 !default;
+$ms-color-neutralTertiary:       #a6a6a6 !default;
+$ms-color-neutralTertiaryAlt:    #c8c8c8 !default;
+$ms-color-neutralQuaternary:     #d0d0d0 !default;
+$ms-color-neutralQuaternaryAlt:  #dadada !default;
+$ms-color-neutralLight:          #eaeaea !default;
+$ms-color-neutralLighter:        #f4f4f4 !default;
+$ms-color-neutralLighterAlt:     #f8f8f8 !default;
+$ms-color-white:                 #ffffff !default;
+
+// Translucent
+$ms-color-blackTranslucent40:  rgba(0,0,0,.4) !default;
+$ms-color-whiteTranslucent40:  rgba(255,255,255,.4) !default;
+
+// Accent
+$ms-color-yellow:        #ffb900 !default;
+$ms-color-yellowLight:   #fff100 !default;
+$ms-color-orange:        #d83b01 !default;
+$ms-color-orangeLight:   #ea4300 !default;
+$ms-color-orangeLighter: #ff8c00 !default;
+$ms-color-redDark:       #a80000 !default;
+$ms-color-red:           #e81123 !default;
+$ms-color-magentaDark:   #5c005c !default;
+$ms-color-magenta:       #b4009e !default;
+$ms-color-magentaLight:  #e3008c !default;
+$ms-color-purpleDark:    #32145a !default;
+$ms-color-purple:        #5c2d91 !default;
+$ms-color-purpleLight:   #b4a0ff !default;
+$ms-color-blueDark:      #002050 !default;
+$ms-color-blueMid:       #00188f !default;
+$ms-color-blue:          #0078d7 !default;
+$ms-color-blueLight:     #00bcf2 !default;
+$ms-color-tealDark:      #004b50 !default;
+$ms-color-teal:          #008272 !default;
+$ms-color-tealLight:     #00b294 !default;
+$ms-color-greenDark:     #004b1c !default;
+$ms-color-green:         #107c10 !default;
+$ms-color-greenLight:    #bad80a !default;
+
+// Message
+$ms-color-info:              $ms-color-neutralSecondaryAlt !default;
+$ms-color-infoBackground:    $ms-color-neutralLighter !default;
+$ms-color-success:           $ms-color-green !default;
+$ms-color-successBackground: #dff6dd !default;
+$ms-color-severeWarning:     $ms-color-orange !default;
+$ms-color-severeWarningBackground: #fed9cc !default;
+$ms-color-alert:             $ms-color-severeWarning !default;   // Deprecated: Use $ms-color-severeWarning
+$ms-color-alertBackground:   $ms-color-severeWarningBackground !default; // Deprecated: Use $ms-color-severeWarningBackground
+$ms-color-warning:           $ms-color-neutralSecondaryAlt !default;
+$ms-color-warningBackground: #fff4ce !default;
+$ms-color-error:             $ms-color-redDark !default;
+$ms-color-errorBackground:   #fde7e9 !default;
+
+// High contrast colors
+$ms-color-contrastBlackDisabled: #00ff00 !default;
+$ms-color-contrastWhiteDisabled: #600000 !default;
+$ms-color-contrastBlackSelected: #1AEBFF !default;
+$ms-color-contrastWhiteSelected: #37006E !default;

data/vendor/assets/scss/variables/_Font.Variables.scss

@@ -0,0 +1,41 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+// Font directory and paths
+$ms-font-cdn-path: 'https://static2.sharepointonline.com/files/fabric/assets/fonts' !default;
+
+// Fallback fonts, if specified system or web fonts are unavailable.
+$ms-font-family-fallbacks: -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;
+
+// Language-specific font stacks.
+$ms-font-family-arabic:              'Segoe UI Web (Arabic)', 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-chinese-simplified:  'Microsoft Yahei', Verdana, Simsun, 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-chinese-traditional: 'Microsoft Jhenghei', Pmingliu, 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-cyrillic:            'Segoe UI Web (Cyrillic)', 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-east-european:       'Segoe UI Web (East European)', 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-greek:               'Segoe UI Web (Greek)', 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-hebrew:              'Segoe UI Web (Hebrew)', 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-hindi:               'Nirmala UI', 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-japanese:            'Yu Gothic', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-korean:              'Malgun Gothic', Gulim, 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-selawik:             'Segoe UI', 'Selawik Web', $ms-font-family-fallbacks !default;
+$ms-font-family-thai:                'Leelawadee UI Web', 'Kmer UI', 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-vietnamese:          'Segoe UI Web (Vietnamese)', 'Segoe UI', $ms-font-family-fallbacks !default;
+$ms-font-family-west-european:       'Segoe UI', 'Segoe UI Web (West European)', $ms-font-family-fallbacks !default;
+
+// Weights
+$ms-font-weight-light:     100 !default;
+$ms-font-weight-semilight: 300 !default;
+$ms-font-weight-regular:   400 !default;
+$ms-font-weight-semibold:  600 !default;
+
+// Sizes
+$ms-font-size-su:     42px !default;
+$ms-font-size-xxl:    28px !default;
+$ms-font-size-xl:     21px !default;
+$ms-font-size-l:      17px !default;
+$ms-font-size-m-plus: 15px !default;
+$ms-font-size-m:      14px !default;
+$ms-font-size-s-plus: 13px !default;
+$ms-font-size-s:      12px !default;
+$ms-font-size-xs:     11px !default;
+$ms-font-size-mi:     10px !default;

data/vendor/assets/scss/variables/_General.Variables.scss

@@ -0,0 +1,6 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+// Default focus border style.
+$ms-focus-border-width: 1px;
+$ms-focus-border-color: $ms-color-neutralSecondary;
+$ms-focus-border-style: solid;

data/vendor/assets/scss/variables/_Icon.Variables.scss

@@ -0,0 +1,7 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+// Sizes
+$ms-icon-size-xs: 10px;
+$ms-icon-size-s: 12px;
+$ms-icon-size-m: 16px;
+$ms-icon-size-l: 20px;

data/vendor/assets/scss/variables/_Responsive.Variables.scss

@@ -0,0 +1,16 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+// Minimum widths for each breakpoint
+$ms-screen-min-sm:    320px !default;
+$ms-screen-min-md:    480px !default;
+$ms-screen-min-lg:    640px !default;
+$ms-screen-min-xl:    1024px !default;
+$ms-screen-min-xxl:   1366px !default;
+$ms-screen-min-xxxl:  1920px !default;
+
+// Maximum widths for each breakpoint
+$ms-screen-max-sm:  ($ms-screen-min-md - 1);
+$ms-screen-max-md:  ($ms-screen-min-lg - 1);
+$ms-screen-max-lg:  ($ms-screen-min-xl - 1);
+$ms-screen-max-xl:  ($ms-screen-min-xxl - 1);
+$ms-screen-max-xxl: ($ms-screen-min-xxxl - 1);

data/vendor/assets/scss/variables/_ZIndex.Variables.scss

@@ -0,0 +1,14 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+// Large ranges
+$ms-zIndex-0: 0 !default;
+$ms-zIndex-1: 100 !default;
+$ms-zIndex-2: 200 !default;
+$ms-zIndex-3: 300 !default;
+$ms-zIndex-4: 400 !default;
+$ms-zIndex-5: 500 !default;
+
+// Small ranges
+$ms-zIndex-back:   0 !default;
+$ms-zIndex-middle: 5 !default;
+$ms-zIndex-front:  10 !default;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: office-ui-fabric-core-rails
 version: !ruby/object:Gem::Version
-  version: 5.1.0.0
+  version: 6.0.0.0
 platform: ruby
 authors:
 - Craig Plummer
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-12-05 00:00:00.000000000 Z
+date: 2017-02-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -101,48 +101,47 @@ files:
 - lib/office-ui-fabric-core-rails/version.rb
 - office-ui-fabric-core-rails.gemspec
 - package.json
+- vendor/assets/css/fabric-6.0.0.scoped.css
+- vendor/assets/css/fabric-6.0.0.scoped.min.css
 - vendor/assets/css/fabric.css
 - vendor/assets/css/fabric.min.css
 - vendor/assets/css/fabric.rtl.css
 - vendor/assets/css/fabric.rtl.min.css
-- vendor/assets/scss/Fabric.Animations.Output.scss
-- vendor/assets/scss/Fabric.Animations.RTL.Output.scss
-- vendor/assets/scss/Fabric.Base.Output.scss
-- vendor/assets/scss/Fabric.Brand.Icons.Output.scss
-- vendor/assets/scss/Fabric.Color.Mixins.Output.scss
-- vendor/assets/scss/Fabric.Grid.Output.scss
-- vendor/assets/scss/Fabric.Icons.Font.Output.scss
-- vendor/assets/scss/Fabric.Icons.Output.scss
-- vendor/assets/scss/Fabric.Icons.RTL.Output.scss
 - vendor/assets/scss/Fabric.RTL.scss
-- vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss
-- vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss
-- vendor/assets/scss/Fabric.Typography.Fonts.Output.scss
-- vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss
-- vendor/assets/scss/Fabric.Typography.Output.scss
-- vendor/assets/scss/Fabric.Utilities.Output.scss
+- vendor/assets/scss/Fabric.Scoped.scss
 - vendor/assets/scss/Fabric.scss
-- vendor/assets/scss/_Fabric.Animations.RTL.scss
-- vendor/assets/scss/_Fabric.Animations.scss
-- vendor/assets/scss/_Fabric.Base.scss
-- vendor/assets/scss/_Fabric.Brand.Icons.scss
-- vendor/assets/scss/_Fabric.Color.Mixins.scss
-- vendor/assets/scss/_Fabric.Color.Variables.scss
-- vendor/assets/scss/_Fabric.Common.scss
-- vendor/assets/scss/_Fabric.Grid.scss
-- vendor/assets/scss/_Fabric.Icons.scss
-- vendor/assets/scss/_Fabric.Mixins.RTL.scss
-- vendor/assets/scss/_Fabric.Mixins.scss
-- vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss
-- vendor/assets/scss/_Fabric.Responsive.Variables.scss
-- vendor/assets/scss/_Fabric.Typography.Fonts.scss
-- vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss
-- vendor/assets/scss/_Fabric.Typography.Mixins.scss
-- vendor/assets/scss/_Fabric.Typography.Variables.scss
-- vendor/assets/scss/_Fabric.Typography.scss
-- vendor/assets/scss/_Fabric.Utilities.scss
-- vendor/assets/scss/_Fabric.ZIndex.Variables.scss
-- vendor/assets/scss/_Fabric.i18n.scss
+- vendor/assets/scss/_Animation.RTL.scss
+- vendor/assets/scss/_Animation.scss
+- vendor/assets/scss/_BrandIcon.scss
+- vendor/assets/scss/_Color.scss
+- vendor/assets/scss/_Font.Definitions.scss
+- vendor/assets/scss/_Font.scss
+- vendor/assets/scss/_Grid.scss
+- vendor/assets/scss/_Icon.Definitions.scss
+- vendor/assets/scss/_Icon.RTL.scss
+- vendor/assets/scss/_Icon.scss
+- vendor/assets/scss/_References.scss
+- vendor/assets/scss/_Responsive.scss
+- vendor/assets/scss/_Utility.scss
+- vendor/assets/scss/_Wrapper.scss
+- vendor/assets/scss/mixins/_Animation.Mixins.scss
+- vendor/assets/scss/mixins/_BrandIcon.Mixins.scss
+- vendor/assets/scss/mixins/_Color.Mixins.scss
+- vendor/assets/scss/mixins/_Directionality.Mixins.scss
+- vendor/assets/scss/mixins/_Font.Mixins.scss
+- vendor/assets/scss/mixins/_General.Mixins.scss
+- vendor/assets/scss/mixins/_Grid.Mixins.scss
+- vendor/assets/scss/mixins/_Icon.Mixins.scss
+- vendor/assets/scss/mixins/_Responsive.Mixins.scss
+- vendor/assets/scss/mixins/_ScopedStyles.Mixins.scss
+- vendor/assets/scss/variables/_Animation.Variables.scss
+- vendor/assets/scss/variables/_BrandIcon.Variables.scss
+- vendor/assets/scss/variables/_Color.Variables.scss
+- vendor/assets/scss/variables/_Font.Variables.scss
+- vendor/assets/scss/variables/_General.Variables.scss
+- vendor/assets/scss/variables/_Icon.Variables.scss
+- vendor/assets/scss/variables/_Responsive.Variables.scss
+- vendor/assets/scss/variables/_ZIndex.Variables.scss
 homepage: https://github.com/craigplummer/office-ui-fabric-core-rails
 licenses:
 - MIT
@@ -164,7 +163,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.1
+rubygems_version: 2.6.8
 signing_key: 
 specification_version: 4
 summary: Include the Office UI Fabric Core framework in your rails app

data/vendor/assets/scss/Fabric.Animations.Output.scss

@@ -1,419 +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
-// --------------------------------------------------
-// Fabric Animations
-
-
-// Note that all animation classes should begin with the "ms-u" utility prefix.
-// The original class names are deprecated and will be removed in a future release.
-
-@import "Fabric.Animations";
-
-// slideRightIn10
-.ms-u-slideRightIn10 {
-    @include ms-u-slideRightIn10;
-}
-@-webkit-keyframes slideRightIn10 {
-    from { -webkit-transform:translate3d(-10px, 0px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideRightIn10 {
-    from { transform:translate3d(-10px, 0px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideRightIn20
-.ms-u-slideRightIn20 {
-    @include ms-u-slideRightIn20;
-}
-@-webkit-keyframes slideRightIn20 {
-    from { -webkit-transform:translate3d(-20px, 0px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideRightIn20 {
-    from { transform:translate3d(-20px, 0px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideRightIn40
-.ms-u-slideRightIn40 {
-    @include ms-u-slideRightIn40;
-}
-@-webkit-keyframes slideRightIn40 {
-    from { -webkit-transform:translate3d(-40px, 0px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideRightIn40 {
-    from { transform:translate3d(-40px, 0px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideLeftIn10
-.ms-u-slideLeftIn10 {
-    @include ms-u-slideLeftIn10;
-}
-@-webkit-keyframes slideLeftIn10 {
-    from { -webkit-transform:translate3d(10px, 0px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideLeftIn10 {
-    from { transform:translate3d(10px, 0px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideLeftIn20
-.ms-u-slideLeftIn20 {
-    @include ms-u-slideLeftIn20;
-}
-@-webkit-keyframes slideLeftIn20 {
-    from { -webkit-transform:translate3d(20px, 0px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideLeftIn20 {
-    from { transform:translate3d(20px, 0px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideLeftIn40
-.ms-u-slideLeftIn40 {
-    @include ms-u-slideLeftIn40;
-}
-@-webkit-keyframes slideLeftIn40 {
-    from { -webkit-transform:translate3d(40px, 0px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideLeftIn40 {
-    from { transform:translate3d(40px, 0px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideRightIn400
-.ms-u-slideRightIn400 {
-    @include ms-u-slideRightIn400;
-}
-@-webkit-keyframes slideRightIn400 {
-    from { -webkit-transform:translate3d(-400px, 0px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideRightIn400 {
-    from { transform:translate3d(-400px, 0px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideLeftIn400
-.ms-u-slideLeftIn400 {
-    @include ms-u-slideLeftIn400;
-}
-@-webkit-keyframes slideLeft400 {
-    from { -webkit-transform:translate3d(400px, 0px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideLeft400 {
-    from { transform:translate3d(400px, 0px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideUpIn20
-.ms-u-slideUpIn20 {
-    @include ms-u-slideUpIn20;
-}
-@-webkit-keyframes slideUpIn20 {
-    from { -webkit-transform:translate3d(0px, 20px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideUpIn20 {
-    from { transform:translate3d(0px, 20px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideUpIn10
-.ms-u-slideUpIn10 {
-    @include ms-u-slideUpIn10;
-}
-@-webkit-keyframes slideUpIn10 {
-    from { -webkit-transform:translate3d(0px, 10px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideUpIn10 {
-    from { transform:translate3d(0px, 10px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideDownIn20
-.ms-u-slideDownIn20 {
-    @include ms-u-slideDownIn20;
-}
-@-webkit-keyframes slideDownIn20 {
-    from { -webkit-transform:translate3d(0px, -20px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideDownIn20 {
-    from { transform:translate3d(0px, -20px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideDownIn10
-.ms-u-slideDownIn10 {
-    @include ms-u-slideDownIn10;
-}
-@-webkit-keyframes slideDownIn10 {
-    from { -webkit-transform:translate3d(0px, -10px, 0px); }
-    to { -webkit-transform:translate3d(0px, 0px, 0px); }
-}
-@keyframes slideDownIn10 {
-    from { transform:translate3d(0px, -10px, 0px); }
-    to { transform:translate3d(0px, 0px, 0px); }
-}
-
-// slideRightOut40
-.ms-u-slideRightOut40 {
-    @include ms-u-slideRightOut40;
-}
-@-webkit-keyframes slideRightOut40 {
-    from { -webkit-transform:translate3d(0px, 0px, 0px); }
-    to { -webkit-transform:translate3d(40px, 0px, 0px); }
-}
-@keyframes slideRightOut40 {
-    from { transform:translate3d(0px, 0px, 0px); }
-    to { transform:translate3d(40px, 0px, 0px); }
-}
-
-// slideLeftOut40
-.ms-u-slideLeftOut40 {
-    @include ms-u-slideLeftOut40;
-}
-@-webkit-keyframes slideLeftOut40 {
-    from { -webkit-transform:translate3d(0, 0px, 0px); }
-    to { -webkit-transform:translate3d(-40px, 0px, 0px); }
-}
-@keyframes slideLeftOut40 {
-    from { transform:translate3d(0, 0px, 0px); }
-    to { transform:translate3d(-40px, 0px, 0px); }
-}
-
-// slideRightOut400
-.ms-u-slideRightOut400 {
-    @include ms-u-slideRightOut400;
-}
-@-webkit-keyframes slideRightOut400 {
-    from { -webkit-transform:translate3d(0, 0px, 0px); }
-    to { -webkit-transform:translate3d(400px, 0px, 0px); }
-}
-@keyframes slideRightOut400 {
-    from { transform:translate3d(0, 0px, 0px); }
-    to { transform:translate3d(400px, 0px, 0px); }
-}
-
-// slideLeftOut400
-.ms-u-slideLeftOut400 {
-    @include ms-u-slideLeftOut400;
-}
-@-webkit-keyframes slideLeftOut400 {
-    from { -webkit-transform:translate3d(0, 0px, 0px); }
-    to { -webkit-transform:translate3d(-400px, 0px, 0px); }
-}
-@keyframes slideLeftOut400 {
-    from { transform:translate3d(0, 0px, 0px); }
-    to { transform:translate3d(-400px, 0px, 0px); }
-}
-
-// slideUpOut20
-.ms-u-slideUpOut20 {
-    @include ms-u-slideUpOut20;
-}
-@-webkit-keyframes slideUpOut20 {
-    from { -webkit-transform:translate3d(0px, 0, 0px); }
-    to { -webkit-transform:translate3d(0px, -20px, 0px); }
-}
-@keyframes slideUpOut20 {
-    from { transform:translate3d(0px, 0, 0px); }
-    to { transform:translate3d(0px, -20px, 0px); }
-}
-
-// slideUpOut10
-.ms-u-slideUpOut10 {
-    @include ms-u-slideUpOut10;
-}
-@-webkit-keyframes slideUpOut10 {
-    from { -webkit-transform:translate3d(0px, 0, 0px); }
-    to { -webkit-transform:translate3d(0px, -10px, 0px); }
-}
-@keyframes slideUpOut10 {
-    from { transform:translate3d(0px, 0, 0px); }
-    to { transform:translate3d(0px, -10px, 0px); }
-}
-
-// slideDownOut20
-.ms-u-slideDownOut20 {
-    @include ms-u-slideDownOut20;
-}
-@-webkit-keyframes slideDownOut20 {
-    from { -webkit-transform:translate3d(0px, 0, 0px); }
-    to { -webkit-transform:translate3d(0px, 20px, 0px); }
-}
-@keyframes slideDownOut20 {
-    from { transform:translate3d(0px, 0, 0px); }
-    to { transform:translate3d(0px, 20px, 0px); }
-}
-
-// slideDownOut10
-.ms-u-slideDownOut10 {
-    @include ms-u-slideDownOut10;
-}
-@-webkit-keyframes slideDownOut10 {
-    from { -webkit-transform:translate3d(0px, 0, 0px); }
-    to { -webkit-transform:translate3d(0px, 10px, 0px); }
-}
-@keyframes slideDownOut10 {
-    from { transform:translate3d(0px, 0, 0px); }
-    to { transform:translate3d(0px, 10px, 0px); }
-}
-
-// scaleUpIn100
-.ms-u-scaleUpIn100 {
-    @include ms-u-scaleUpIn100;
-}
-@-webkit-keyframes scaleUp100 {
-    from { -webkit-transform:scale3d(.98, .98, 1); }
-    to { -webkit-transform:scale3d(1, 1, 1); }
-}
-@keyframes scaleUp100 {
-    from { transform:scale3d(.98, .98, 1); }
-    to { transform:scale3d(1, 1, 1); }
-}
-
-// scaleDownIn100
-.ms-u-scaleDownIn100 {
-    @include ms-u-scaleDownIn100;
-}
-@-webkit-keyframes scaleDown100 {
-    from { -webkit-transform:scale3d(1.03, 1.03, 1); }
-    to { -webkit-transform:scale3d(1, 1, 1); }
-}
-@keyframes scaleDown100 {
-    from { transform:scale3d(1.03, 1.03, 1); }
-    to { transform:scale3d(1, 1, 1); }
-}
-
-// scaleUpOut103
-.ms-u-scaleUpOut103 {
-    @include ms-u-scaleUpOut103;
-}
-@-webkit-keyframes scaleUp103 {
-    from { -webkit-transform:scale3d(1, 1, 1); }
-    to { -webkit-transform:scale3d(1.03, 1.03, 1); }
-}
-@keyframes scaleUp103 {
-    from { transform:scale3d(1, 1, 1); }
-    to { transform:scale3d(1.03, 1.03, 1); }
-}
-
-// scaleDownOut98
-.ms-u-scaleDownOut98 {
-    @include ms-u-scaleDownOut98;
-}
-@-webkit-keyframes scaleDown98 {
-    from { -webkit-transform:scale3d(1, 1, 1); }
-    to { -webkit-transform:scale3d(0.98, 0.98, 1); }
-}
-@keyframes scaleDown98 {
-    from { transform:scale3d(1, 1, 1); }
-    to { transform:scale3d(0.98, 0.98, 1); }
-}
-
-// fadeIn
-.ms-u-fadeIn400 {
-    @include ms-u-fadeIn400;
-}
-.ms-u-fadeIn100 {
-    @include ms-u-fadeIn100;
-}
-.ms-u-fadeIn200 {
-    @include ms-u-fadeIn200;
-}
-.ms-u-fadeIn500 {
-    @include ms-u-fadeIn500;
-}
-@-webkit-keyframes fadeIn {
-    from { opacity: 0; -webkit-animation-timing-function: $ms-ease2; }
-    to { opacity: 1; }
-}
-@keyframes fadeIn {
-    from { opacity: 0; animation-timing-function: $ms-ease2; }
-    to { opacity: 1; }
-}
-
-// fadeOut
-.ms-u-fadeOut400 {
-    @include ms-u-fadeOut400;
-}
-.ms-u-fadeOut100 {
-    @include ms-u-fadeOut100;
-}
-.ms-u-fadeOut200 {
-    @include ms-u-fadeOut200;
-}
-.ms-u-fadeOut500 {
-    @include ms-u-fadeOut500;
-}
-@-webkit-keyframes fadeOut {
-    from { opacity: 1; -webkit-animation-timing-function: $ms-ease2; }
-    to { opacity: 0; }
-}
-@keyframes fadeOut {
-    from { opacity: 1; animation-timing-function: $ms-ease2; }
-    to { opacity: 0; }
-}
-
-// rotate90deg
-.ms-u-rotate90deg {
-    @include ms-u-rotate90deg;
-}
-@-webkit-keyframes rotate90 {
-    from { -webkit-transform:rotateZ(0deg); }
-    to { -webkit-transform:rotateZ(90deg); }
-}
-@keyframes rotate90 {
-    from { transform:rotateZ(0deg); }
-    to { transform:rotateZ(90deg); }
-}
-
-// rotateN90deg
-.ms-u-rotateN90deg {
-    @include ms-u-rotateN90deg;
-}
-@-webkit-keyframes rotateN90 {
-    from { -webkit-transform:rotateZ(90deg); }
-    to { -webkit-transform:rotateZ(0deg); }
-}
-@keyframes rotateN90 {
-    from { transform:rotateZ(90deg); }
-    to { transform:rotateZ(0deg); }
-}
-
-// expandCollapse400
-.ms-u-expandCollapse400 {
-    @include ms-u-expandCollapse400;
-}
-
-// expandCollapse200
-.ms-u-expandCollapse200 {
-    @include ms-u-expandCollapse200;
-}
-
-// expandCollapse100
-.ms-u-expandCollapse100 {
-    @include ms-u-expandCollapse100;
-}
-
-// delay100
-.ms-u-delay100 {
-    @include ms-u-delay100;
-}
-
-// delay200
-.ms-u-delay200 {
-    @include ms-u-delay200;
-}