office-ui-fabric-core-rails 4.0.0.0

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

@@ -0,0 +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; 
+}

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

@@ -0,0 +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;
+$ms-zIndex-1: 100;
+$ms-zIndex-2: 200;
+$ms-zIndex-3: 300;
+$ms-zIndex-4: 400;
+$ms-zIndex-5: 500;
+
+// Base Layer Modifier Variables
+$ms-zIndex-back:   0;
+$ms-zIndex-middle: 5;
+$ms-zIndex-front:  10;
+
+
+// Fabric Component Base Layer Assignments
+
+$ms-zIndex-Callout:        $ms-zIndex-1;
+$ms-zIndex-ContextualMenu: $ms-zIndex-1;
+$ms-zIndex-Overlay:        $ms-zIndex-2;
+$ms-zIndex-Panel:          $ms-zIndex-3;
+$ms-zIndex-DatePicker:     $ms-zIndex-3;
+$ms-zIndex-Dialog:         $ms-zIndex-3;
+$ms-zIndex-PeoplePicker:   $ms-zIndex-3;
+$ms-zIndex-Dropdown:       $ms-zIndex-4;

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

@@ -0,0 +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;
+    }
+  }
+}

metadata

@@ -0,0 +1,170 @@
+--- !ruby/object:Gem::Specification
+name: office-ui-fabric-core-rails
+version: !ruby/object:Gem::Version
+  version: 4.0.0.0
+platform: ruby
+authors:
+- Craig Plummer
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-08-31 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.1.0
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email:
+- craig@craigplummer.uk
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".travis.yml"
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- bower.json
+- lib/office-ui-fabric-core-rails.rb
+- lib/office-ui-fabric-core-rails/engine.rb
+- lib/office-ui-fabric-core-rails/version.rb
+- office-ui-fabric-core-rails.gemspec
+- 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.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.scss
+- vendor/assets/scss/_Fabric.Animations.RTL.scss
+- vendor/assets/scss/_Fabric.Animations.scss
+- vendor/assets/scss/_Fabric.Base.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.Adjustments.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
+homepage: https://github.com/craigplummer/office-ui-fabric-core-rails
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.1
+signing_key: 
+specification_version: 4
+summary: Include the Office UI Fabric Core framework in your rails app
+test_files: []