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

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

@@ -1,76 +1,76 @@
-// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
-
-//
-// Office UI Fabric
-// --------------------------------------------------
-// Utility classes and mixins used throughout Fabric.
-
-@import "Fabric.Mixins";
-
-// The best box is a border box.
-@mixin ms-u-borderBox {
-  box-sizing: border-box;
-}
-
-// For setting the border base width
-@mixin ms-u-borderBase {
-  border: 1px solid;
-}
-
-// Ensures the block expands to the full height to enclose its floated childen.
-@mixin ms-u-clearfix {
-  *zoom: 1;
-  &::before,
-  &::after {
-    display: table;
-    content: "";
-    line-height: 0;
-  }
-  &::after {
-    clear: both;
-  }
-}
-
-// Basic border-box, margin, and padding reset.
-@mixin ms-u-normalize {
-  @include ms-u-borderBox;
-  @include resetMargins;
-  @include resetPadding;
-  @include resetBoxShadow;
-}
-
-// To set various text alignment styles 
-// @param [variable list] $alignments
-@mixin ms-u-textAlign($alignments...) {
-  @each $align in $alignments {
-    $alignStr: inspect($align);
-    .ms-u-textAlign#{to-upper-case(str-slice($alignStr, 1, 1)) + str-slice($alignStr, 2)} {
-      text-align: $align;
-    }
-  }
-}
-
-// To hide content while still making it readable by screen readers (Accessibility)
-@mixin ms-u-screenReaderOnly {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0,0,0,0);
-  border: 0;
-}
-
-// To add truncation with ellipsis
-@mixin ms-u-textTruncate {
-	overflow: hidden; 
-	text-overflow: ellipsis; 
-	white-space: nowrap; 
-	word-wrap: normal; // Fix for IE 8/9 in case 'word-wrap: break-word' is set on parent nodes
-}
-
-// To disable text wrapping
-@mixin ms-u-noWrap {
-	white-space: nowrap; 
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+// --------------------------------------------------
+// Utility classes and mixins used throughout Fabric.
+
+@import "Fabric.Mixins";
+
+// The best box is a border box.
+@mixin ms-u-borderBox {
+  box-sizing: border-box;
+}
+
+// For setting the border base width
+@mixin ms-u-borderBase {
+  border: 1px solid;
+}
+
+// Ensures the block expands to the full height to enclose its floated childen.
+@mixin ms-u-clearfix {
+  *zoom: 1;
+  &::before,
+  &::after {
+    display: table;
+    content: "";
+    line-height: 0;
+  }
+  &::after {
+    clear: both;
+  }
+}
+
+// Basic border-box, margin, and padding reset.
+@mixin ms-u-normalize {
+  @include ms-u-borderBox;
+  @include resetMargins;
+  @include resetPadding;
+  @include resetBoxShadow;
+}
+
+// To set various text alignment styles 
+// @param [variable list] $alignments
+@mixin ms-u-textAlign($alignments...) {
+  @each $align in $alignments {
+    $alignStr: inspect($align);
+    .ms-u-textAlign#{to-upper-case(str-slice($alignStr, 1, 1)) + str-slice($alignStr, 2)} {
+      text-align: $align;
+    }
+  }
+}
+
+// To hide content while still making it readable by screen readers (Accessibility)
+@mixin ms-u-screenReaderOnly {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  border: 0;
+}
+
+// To add truncation with ellipsis
+@mixin ms-u-textTruncate {
+	overflow: hidden; 
+	text-overflow: ellipsis; 
+	white-space: nowrap; 
+	word-wrap: normal; // Fix for IE 8/9 in case 'word-wrap: break-word' is set on parent nodes
+}
+
+// To disable text wrapping
+@mixin ms-u-noWrap {
+	white-space: nowrap; 
 }

data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss

@@ -1,32 +1,32 @@
-// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
-
-//
-// Office UI Fabric
-// --------------------------------------------------
-// Z-Index Layeringz
-
-
-// Base Layer Variables
-$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;
-
-// Base Layer Modifier Variables
-$ms-zIndex-back:   0 !default;
-$ms-zIndex-middle: 5 !default;
-$ms-zIndex-front:  10 !default;
-
-
-// Fabric Component Base Layer Assignments
-
-$ms-zIndex-Callout:        $ms-zIndex-1 !default;
-$ms-zIndex-ContextualMenu: $ms-zIndex-1 !default;
-$ms-zIndex-Overlay:        $ms-zIndex-2 !default;
-$ms-zIndex-Panel:          $ms-zIndex-3 !default;
-$ms-zIndex-DatePicker:     $ms-zIndex-3 !default;
-$ms-zIndex-Dialog:         $ms-zIndex-3 !default;
-$ms-zIndex-PeoplePicker:   $ms-zIndex-3 !default;
-$ms-zIndex-Dropdown:       $ms-zIndex-4 !default;
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+// --------------------------------------------------
+// Z-Index Layeringz
+
+
+// Base Layer Variables
+$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;
+
+// Base Layer Modifier Variables
+$ms-zIndex-back:   0 !default;
+$ms-zIndex-middle: 5 !default;
+$ms-zIndex-front:  10 !default;
+
+
+// Fabric Component Base Layer Assignments
+
+$ms-zIndex-Callout:        $ms-zIndex-1 !default;
+$ms-zIndex-ContextualMenu: $ms-zIndex-1 !default;
+$ms-zIndex-Overlay:        $ms-zIndex-2 !default;
+$ms-zIndex-Panel:          $ms-zIndex-3 !default;
+$ms-zIndex-DatePicker:     $ms-zIndex-3 !default;
+$ms-zIndex-Dialog:         $ms-zIndex-3 !default;
+$ms-zIndex-PeoplePicker:   $ms-zIndex-3 !default;
+$ms-zIndex-Dropdown:       $ms-zIndex-4 !default;

data/vendor/assets/scss/_Fabric.i18n.scss

@@ -1,316 +1,316 @@
-// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
-
-//
-// Office UI Fabric
-// --------------------------------------------------
-// Internationalization mixins
-
-
-
-// Base left-to-right mixin definition.
-@mixin LTR {
-  html[dir='ltr'] & {
-    @content;
-  }
-}
-
-// Base right-to-left mixin definition.
-@mixin RTL {
-  html[dir='rtl'] & {
-    @content;
-  }
-}
-
-// Use baseRTL on a root element (e.g. page or region) that needs RTL support.
-@mixin baseRtl {
-  @include RTL {
-    direction: rtl;
-    unicode-bidi: bidi-override;
-  }
-}
-
-
-// Common CSS property mixins with support for RTL.
-// Use to automatically create RTL versions of your properties.
-
-// Border styles.
-@mixin border-color($top, $right, $bottom, $left) {
-  border-color: $top $right $bottom $left;
-
-  @include RTL {
-    border-color: $top $left $bottom $right;
-  }
-}
-
-@mixin border-left($width, $style, $color) {
-  @include LTR {
-    border-left: $width $style $color;
-  }
-
-  @include RTL {
-    border-right: $width $style $color;
-  }
-}
-
-@mixin border-left-color($color) {
-  @include LTR {
-    border-left-color: $color;
-  }
-
-  @include RTL {
-    border-right-color: $color;
-  }
-}
-
-@mixin border-left-style($style) {
-  @include LTR {
-    border-left-style: $style;
-  }
-
-  @include RTL {
-    border-right-style: $style;
-  }
-}
-
-@mixin border-left-width($width) {
-  @include LTR {
-    border-left-width: $width;
-  }
-
-  @include RTL {
-    border-right-width: $width;
-  }
-}
-
-@mixin border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) {
-  border-radius: $topLeft $topRight $bottomRight $bottomLeft;
-
-  @include RTL {
-    border-radius: $topRight $topLeft $bottomLeft $bottomRight;
-  }
-}
-
-@mixin border-right($width, $style, $color) {
-  @include LTR {
-    border-right: $width $style $color;
-  }
-
-  @include RTL {
-    border-left: $width $style $color;
-  }
-}
-
-@mixin border-right-color($color) {
-  @include LTR {
-      border-right-color: $color;
-  }
-
-  @include RTL {
-      border-left-color: $color;
-  }
-}
-
-@mixin border-right-style($style) {
-  @include LTR {
-    border-right-style: $style;
-  }
-  
-  @include RTL {
-    border-left-style: $style;
-  }
-}
-
-@mixin border-right-width($width) {
-  @include LTR {
-    border-right-width: $width;
-  }
-
-  @include RTL {
-    border-left-width: $width;
-  }
-}
-
-// Floats.
-@mixin clear($side) {
-  @if $side == left {
-    @include LTR {
-      clear: $side;
-    }
-
-    @include RTL {
-      clear: right;
-    }
-  } @else if $side == right {
-    @include LTR {
-      clear: $side;
-    }
-
-    @include RTL {
-      clear: left;
-    }
-  } @else {
-      clear: $side;
-  }
-}
-
-@mixin float($direction) {
-  @if $direction == left {
-    @include LTR {
-      float: left;
-    }
-
-    @include RTL {
-      float: right;
-    }
-  } @else {
-    @include LTR {
-      float: right;
-    }
-
-    @include RTL {
-      float: left;
-    }
-  }
-}
-
-// Positioning.
-@mixin left($distance) {
-  @include LTR {
-    left: $distance;
-  }
-
-  @include RTL {
-    right: $distance;
-  }
-}
-
-@mixin right($distance) {
-  @include LTR {
-    right: $distance;
-  }
-
-  @include RTL {
-    left: $distance;
-  }
-}
-
-// Margins.
-@mixin margin($top, $right, $bottom, $left) {
-  margin: $top $right $bottom $left;
-
-  @include RTL {
-    margin: $top $left $bottom $right;
-  }
-}
-
-@mixin margin-left($distance) {
-  @include LTR {
-    margin-left: $distance;
-  }
-
-  @include RTL {
-    margin-right: $distance;
-  }
-}
-
-@mixin margin-right($distance) {
-  @include LTR {
-    margin-right: $distance;
-  }
-  @include RTL {
-    margin-left: $distance;
-  }
-}
-
-// Padding.
-@mixin padding($top, $right, $bottom, $left) {
-  padding: $top $right $bottom $left;
-
-  @include RTL {
-    padding: $top $left $bottom $right;
-  }
-}
-
-@mixin padding-left($distance) {
-  @include LTR {
-    padding-left: $distance;
-  }
-
-  @include RTL {
-    padding-right: $distance;
-  }
-}
-
-@mixin padding-right($distance) {
-  @include LTR {
-    padding-right: $distance;
-  }
-
-  @include RTL {
-    padding-left: $distance;
-  }
-}
-
-// Text-alignment.
-@mixin text-align($direction) {
-  @if $direction == left {
-    @include LTR {
-      text-align: left;
-    }
-
-    @include RTL {
-      text-align: right;
-    }
-  } @else {
-    @include LTR {
-      text-align: right;
-    }
-
-    @include RTL {
-      text-align: left;
-    }
-  }
-}
-
-// Box-shadow.
-@mixin box-shadow($left, $etc) {
-  @include LTR {
-    box-shadow: $left $etc;
-  }
-
-  @include RTL {
-    box-shadow: -$left $etc;
-  }
-}
-
-// Transforms.
-@mixin transform-rtl() {
-  @include LTR {
-    transform: scaleX(1);
-  }
-
-  @include RTL {
-    transform: scaleX(-1);
-  }
-}
-
-// Transitions. Only supported when ONLY left/right are declared
-@mixin transition-property($direction) {
-  @if $direction == left {
-    @include LTR {
-      transition-property: left;
-    }
-
-    @include RTL {
-      transition-property: right;
-    }
-  } @else {
-    @include LTR {
-      transition-property: right;
-    }
-
-    @include RTL {
-      transition-property: left;
-    }
-  }
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+// --------------------------------------------------
+// Internationalization mixins
+
+
+
+// Base left-to-right mixin definition.
+@mixin LTR {
+  html[dir='ltr'] & {
+    @content;
+  }
+}
+
+// Base right-to-left mixin definition.
+@mixin RTL {
+  html[dir='rtl'] & {
+    @content;
+  }
+}
+
+// Use baseRTL on a root element (e.g. page or region) that needs RTL support.
+@mixin baseRtl {
+  @include RTL {
+    direction: rtl;
+    unicode-bidi: bidi-override;
+  }
+}
+
+
+// Common CSS property mixins with support for RTL.
+// Use to automatically create RTL versions of your properties.
+
+// Border styles.
+@mixin border-color($top, $right, $bottom, $left) {
+  border-color: $top $right $bottom $left;
+
+  @include RTL {
+    border-color: $top $left $bottom $right;
+  }
+}
+
+@mixin border-left($width, $style, $color) {
+  @include LTR {
+    border-left: $width $style $color;
+  }
+
+  @include RTL {
+    border-right: $width $style $color;
+  }
+}
+
+@mixin border-left-color($color) {
+  @include LTR {
+    border-left-color: $color;
+  }
+
+  @include RTL {
+    border-right-color: $color;
+  }
+}
+
+@mixin border-left-style($style) {
+  @include LTR {
+    border-left-style: $style;
+  }
+
+  @include RTL {
+    border-right-style: $style;
+  }
+}
+
+@mixin border-left-width($width) {
+  @include LTR {
+    border-left-width: $width;
+  }
+
+  @include RTL {
+    border-right-width: $width;
+  }
+}
+
+@mixin border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) {
+  border-radius: $topLeft $topRight $bottomRight $bottomLeft;
+
+  @include RTL {
+    border-radius: $topRight $topLeft $bottomLeft $bottomRight;
+  }
+}
+
+@mixin border-right($width, $style, $color) {
+  @include LTR {
+    border-right: $width $style $color;
+  }
+
+  @include RTL {
+    border-left: $width $style $color;
+  }
+}
+
+@mixin border-right-color($color) {
+  @include LTR {
+      border-right-color: $color;
+  }
+
+  @include RTL {
+      border-left-color: $color;
+  }
+}
+
+@mixin border-right-style($style) {
+  @include LTR {
+    border-right-style: $style;
+  }
+  
+  @include RTL {
+    border-left-style: $style;
+  }
+}
+
+@mixin border-right-width($width) {
+  @include LTR {
+    border-right-width: $width;
+  }
+
+  @include RTL {
+    border-left-width: $width;
+  }
+}
+
+// Floats.
+@mixin clear($side) {
+  @if $side == left {
+    @include LTR {
+      clear: $side;
+    }
+
+    @include RTL {
+      clear: right;
+    }
+  } @else if $side == right {
+    @include LTR {
+      clear: $side;
+    }
+
+    @include RTL {
+      clear: left;
+    }
+  } @else {
+      clear: $side;
+  }
+}
+
+@mixin float($direction) {
+  @if $direction == left {
+    @include LTR {
+      float: left;
+    }
+
+    @include RTL {
+      float: right;
+    }
+  } @else {
+    @include LTR {
+      float: right;
+    }
+
+    @include RTL {
+      float: left;
+    }
+  }
+}
+
+// Positioning.
+@mixin left($distance) {
+  @include LTR {
+    left: $distance;
+  }
+
+  @include RTL {
+    right: $distance;
+  }
+}
+
+@mixin right($distance) {
+  @include LTR {
+    right: $distance;
+  }
+
+  @include RTL {
+    left: $distance;
+  }
+}
+
+// Margins.
+@mixin margin($top, $right, $bottom, $left) {
+  margin: $top $right $bottom $left;
+
+  @include RTL {
+    margin: $top $left $bottom $right;
+  }
+}
+
+@mixin margin-left($distance) {
+  @include LTR {
+    margin-left: $distance;
+  }
+
+  @include RTL {
+    margin-right: $distance;
+  }
+}
+
+@mixin margin-right($distance) {
+  @include LTR {
+    margin-right: $distance;
+  }
+  @include RTL {
+    margin-left: $distance;
+  }
+}
+
+// Padding.
+@mixin padding($top, $right, $bottom, $left) {
+  padding: $top $right $bottom $left;
+
+  @include RTL {
+    padding: $top $left $bottom $right;
+  }
+}
+
+@mixin padding-left($distance) {
+  @include LTR {
+    padding-left: $distance;
+  }
+
+  @include RTL {
+    padding-right: $distance;
+  }
+}
+
+@mixin padding-right($distance) {
+  @include LTR {
+    padding-right: $distance;
+  }
+
+  @include RTL {
+    padding-left: $distance;
+  }
+}
+
+// Text-alignment.
+@mixin text-align($direction) {
+  @if $direction == left {
+    @include LTR {
+      text-align: left;
+    }
+
+    @include RTL {
+      text-align: right;
+    }
+  } @else {
+    @include LTR {
+      text-align: right;
+    }
+
+    @include RTL {
+      text-align: left;
+    }
+  }
+}
+
+// Box-shadow.
+@mixin box-shadow($left, $etc) {
+  @include LTR {
+    box-shadow: $left $etc;
+  }
+
+  @include RTL {
+    box-shadow: -$left $etc;
+  }
+}
+
+// Transforms.
+@mixin transform-rtl() {
+  @include LTR {
+    transform: scaleX(1);
+  }
+
+  @include RTL {
+    transform: scaleX(-1);
+  }
+}
+
+// Transitions. Only supported when ONLY left/right are declared
+@mixin transition-property($direction) {
+  @if $direction == left {
+    @include LTR {
+      transition-property: left;
+    }
+
+    @include RTL {
+      transition-property: right;
+    }
+  } @else {
+    @include LTR {
+      transition-property: right;
+    }
+
+    @include RTL {
+      transition-property: left;
+    }
+  }
 }