bourbon 4.0.2 → 4.1.0

data/app/assets/stylesheets/_bourbon.scss

@@ -1,3 +1,8 @@
+// Bourbon 4.1.0
+// http://bourbon.io
+// Copyright 2011-2014 thoughtbot, inc.
+// MIT License
+
 // Settings
 @import "settings/prefixer";
 @import "settings/px-to-em";
@@ -5,6 +10,7 @@
 
 // Custom Helpers
 @import "helpers/convert-units";
+@import "helpers/font-source-declaration";
 @import "helpers/gradient-positions-parser";
 @import "helpers/is-num";
 @import "helpers/linear-angle-parser";
@@ -21,16 +27,16 @@
 // Custom Functions
 @import "functions/assign";
 @import "functions/color-lightness";
-@import "functions/flex-grid";
-@import "functions/golden-ratio";
-@import "functions/grid-width";
-@import "functions/modular-scale";
+@import "functions/contains";
+@import "functions/is-length";
+@import "functions/is-size";
 @import "functions/px-to-em";
 @import "functions/px-to-rem";
 @import "functions/strip-units";
 @import "functions/tint-shade";
 @import "functions/transition-property-name";
 @import "functions/unpack";
+@import "functions/modular-scale";
 
 // CSS3 Mixins
 @import "css3/animation";
@@ -47,20 +53,21 @@
 @import "css3/flex-box";
 @import "css3/font-face";
 @import "css3/font-feature-settings";
-@import "css3/hyphens";
 @import "css3/hidpi-media-query";
+@import "css3/hyphens";
 @import "css3/image-rendering";
 @import "css3/keyframes";
 @import "css3/linear-gradient";
 @import "css3/perspective";
+@import "css3/placeholder";
 @import "css3/radial-gradient";
+@import "css3/selection";
+@import "css3/text-decoration";
 @import "css3/transform";
 @import "css3/transition";
 @import "css3/user-select";
-@import "css3/placeholder";
 
 // Addons & other mixins
-@import "addons/button";
 @import "addons/clearfix";
 @import "addons/directional-values";
 @import "addons/ellipsis";

data/app/assets/stylesheets/addons/_clearfix.scss

@@ -1,23 +1,18 @@
-// Modern micro clearfix provides an easy way to contain floats without adding additional markup.
+// The clearfix mixin provides an easy way to contain floats
 //
 // Example usage:
-//
-//    // Contain all floats within .wrapper
-//    .wrapper {
-//      @include clearfix;
-//      .content,
-//      .sidebar {
-//        float : left;
-//      }
-//    }
+// .wrapper {
+//   @include clearfix;
+// }
 
 @mixin clearfix {
-  &:after {
-    content:"";
-    display:table;
-    clear:both;
+  &::after {
+    clear: both;
+    content: "";
+    display: table;
   }
 }
 
-// Acknowledgements
-// Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php)
+// Acknowledgements:
+// Thierry Koblentz, cssmojo
+// http://goo.gl/AQWvyH

data/app/assets/stylesheets/addons/_ellipsis.scss

@@ -4,4 +4,5 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  word-wrap: normal;
 }

data/app/assets/stylesheets/addons/_hide-text.scss

@@ -1,7 +1,9 @@
-@mixin hide-text {
+@mixin hide-text($height: 1em) {
+  height: $height;
+  line-height: 1.5;
   overflow: hidden;
 
-  &:before {
+  &::before {
     content: "";
     display: block;
     width: 0;

data/app/assets/stylesheets/addons/_html5-input-types.scss

@@ -32,12 +32,16 @@ $all-text-inputs-hover: assign-inputs($inputs-list, hover);
 //************************************************************************//
 $all-text-inputs-focus: assign-inputs($inputs-list, focus);
 
+// Active Pseudo-class
+//************************************************************************//
+$all-text-inputs-active: assign-inputs($inputs-list, active);
 
 
 // You must use interpolation on the variable:
 // #{$all-text-inputs}
 // #{$all-text-inputs-hover}
 // #{$all-text-inputs-focus}
+// #{$all-text-inputs-active}
 
 // Example
 //************************************************************************//

data/app/assets/stylesheets/addons/_position.scss

@@ -1,4 +1,6 @@
-@mixin position ($position: relative, $coordinates: null null null null) {
+// Set element positioning in a single statement
+
+@mixin position($position: relative, $coordinates: null null null null) {
 
   @if type-of($position) == list {
     $coordinates: $position;
@@ -7,26 +9,18 @@
 
   $coordinates: unpack($coordinates);
 
-  $top: nth($coordinates, 1);
-  $right: nth($coordinates, 2);
-  $bottom: nth($coordinates, 3);
-  $left: nth($coordinates, 4);
+  $offsets: (
+    top:    nth($coordinates, 1),
+    right:  nth($coordinates, 2),
+    bottom: nth($coordinates, 3),
+    left:   nth($coordinates, 4)
+  );
 
   position: $position;
 
-  @if ($top and $top == auto) or (type-of($top) == number) {
-    top: $top;
-  }
-
-  @if ($right and $right == auto) or (type-of($right) == number) {
-    right: $right;
-  }
-
-  @if ($bottom and $bottom == auto) or (type-of($bottom) == number) {
-    bottom: $bottom;
-  }
-
-  @if ($left and $left == auto) or (type-of($left) == number) {
-    left: $left;
+  @each $offset, $value in $offsets {
+    @if is-length($value) {
+      #{$offset}: $value;
+    }
   }
 }

data/app/assets/stylesheets/addons/_size.scss

@@ -1,16 +1,26 @@
-@mixin size($size) {
-  $height: nth($size, 1);
-  $width: $height;
+// Set `width` and `height` in a single statement
 
-  @if length($size) > 1 {
-    $height: nth($size, 2);
+@mixin size($value) {
+  $width: nth($value, 1);
+  $height: $width;
+
+  @if length($value) > 1 {
+    $height: nth($value, 2);
   }
 
-  @if $height == auto or (type-of($height) == number and not unitless($height)) {
+  @if is-size($height) {
     height: $height;
   }
 
-  @if $width == auto or (type-of($width) == number and not unitless($width)) {
+  @else {
+    @warn "`#{$height}` is not a valid length for the `$height` parameter in the `size` mixin.";
+  }
+
+  @if is-size($width) {
     width: $width;
   }
+
+  @else {
+    @warn "`#{$width}` is not a valid length for the `$width` parameter in the `size` mixin.";
+  }
 }

data/app/assets/stylesheets/addons/_word-wrap.scss

@@ -1,8 +1,10 @@
 @mixin word-wrap($wrap: break-word) {
+  overflow-wrap: $wrap;
   word-wrap: $wrap;
 
   @if $wrap == break-word {
-    overflow-wrap: break-word;
     word-break: break-all;
+  } @else {
+    word-break: $wrap;
   }
 }

data/app/assets/stylesheets/css3/_background.scss

@@ -12,7 +12,7 @@
     $spec-background: ();
     $background-type: type-of($background);
 
-    @if $background-type == string or list {
+    @if $background-type == string or $background-type == list {
       $background-str: if($background-type == list, nth($background, 1), $background);
 
       $url-str:       str-slice($background-str, 0, 3);

data/app/assets/stylesheets/css3/_border-radius.scss

@@ -1,22 +1,22 @@
-//************************************************************************//
-// Shorthand Border-radius mixins
-//************************************************************************//
+// Border Radius (Shorthand)
+// Provides a shorthand syntax to target and add border radii to both corners on one side of a box
+
 @mixin border-top-radius($radii) {
-  @include prefixer(border-top-left-radius, $radii, spec);
-  @include prefixer(border-top-right-radius, $radii, spec);
+  border-top-left-radius: $radii;
+  border-top-right-radius: $radii;
 }
 
-@mixin border-bottom-radius($radii) {
-  @include prefixer(border-bottom-left-radius, $radii, spec);
-  @include prefixer(border-bottom-right-radius, $radii, spec);
+@mixin border-right-radius($radii) {
+  border-bottom-right-radius: $radii;
+  border-top-right-radius: $radii;
 }
 
-@mixin border-left-radius($radii) {
-  @include prefixer(border-top-left-radius, $radii, spec);
-  @include prefixer(border-bottom-left-radius, $radii, spec);
+@mixin border-bottom-radius($radii) {
+  border-bottom-left-radius: $radii;
+  border-bottom-right-radius: $radii;
 }
 
-@mixin border-right-radius($radii) {
-  @include prefixer(border-top-right-radius, $radii, spec);
-  @include prefixer(border-bottom-right-radius, $radii, spec);
+@mixin border-left-radius($radii) {
+  border-bottom-left-radius: $radii;
+  border-top-left-radius: $radii;
 }