bourbon 4.2.3 → 4.3.4

data/app/assets/stylesheets/addons/_border-style.scss

@@ -21,5 +21,8 @@
 /// @output `border-style`
 
 @mixin border-style($vals...) {
+  $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
+  $output-bourbon-deprecation-warnings: false !global;
   @include directional-property(border, style, $vals...);
+  $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
 }

data/app/assets/stylesheets/addons/_border-width.scss

@@ -21,5 +21,8 @@
 /// @output `border-width`
 
 @mixin border-width($vals...) {
+  $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
+  $output-bourbon-deprecation-warnings: false !global;
   @include directional-property(border, width, $vals...);
+  $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
 }

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

@@ -53,11 +53,16 @@ $buttons-list: 'button',
                'input[type="reset"]',
                'input[type="submit"]';
 
+$user-output-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
+$output-bourbon-deprecation-warnings: false;
+
 $all-buttons:        assign-inputs($buttons-list);
 $all-buttons-active: assign-inputs($buttons-list, active);
 $all-buttons-focus:  assign-inputs($buttons-list, focus);
 $all-buttons-hover:  assign-inputs($buttons-list, hover);
 
+$output-bourbon-deprecation-warnings: $user-output-deprecation-warnings-setting;
+
 $all-button-inputs:        $all-buttons;
 $all-button-inputs-active: $all-buttons-active;
 $all-button-inputs-focus:  $all-buttons-focus;

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

@@ -22,5 +22,8 @@
 /// @output `margin`
 
 @mixin margin($vals...) {
+  $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
+  $output-bourbon-deprecation-warnings: false !global;
   @include directional-property(margin, false, $vals...);
+  $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
 }

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

@@ -22,5 +22,8 @@
 /// @output `padding`
 
 @mixin padding($vals...) {
+  $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
+  $output-bourbon-deprecation-warnings: false !global;
   @include directional-property(padding, false, $vals...);
+  $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
 }

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

@@ -29,6 +29,8 @@
     $position: relative;
   }
 
+  $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
+  $output-bourbon-deprecation-warnings: false !global;
   $coordinates: unpack($coordinates);
 
   $offsets: (
@@ -45,4 +47,5 @@
       #{$offset}: $value;
     }
   }
+  $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
 }

data/app/assets/stylesheets/addons/_retina-image.scss

@@ -1,4 +1,6 @@
 @mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: $asset-pipeline) {
+  @include _bourbon-deprecate("retina-image");
+
   @if $asset-pipeline {
     background-image: image-url("#{$filename}.#{$extension}");
   } @else {

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

@@ -37,6 +37,9 @@
     $height: nth($value, 2);
   }
 
+  $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
+  $output-bourbon-deprecation-warnings: false !global;
+
   @if is-size($height) {
     height: $height;
   } @else {
@@ -48,4 +51,6 @@
   } @else {
     @warn "`#{$width}` is not a valid length for the `$width` parameter in the `size` mixin.";
   }
+
+  $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
 }

data/app/assets/stylesheets/addons/_text-inputs.scss

@@ -104,9 +104,15 @@ $text-inputs-list: 'input[type="color"]',
                    'input[type="time"]',
                    'input[type="url"]',
                    'input[type="week"]',
+                   'input:not([type])',
                    'textarea';
 
+$user-output-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
+$output-bourbon-deprecation-warnings: false;
+
 $all-text-inputs:        assign-inputs($text-inputs-list);
 $all-text-inputs-active: assign-inputs($text-inputs-list, active);
 $all-text-inputs-focus:  assign-inputs($text-inputs-list, focus);
 $all-text-inputs-hover:  assign-inputs($text-inputs-list, hover);
+
+$output-bourbon-deprecation-warnings: $user-output-deprecation-warnings-setting;

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

@@ -2,42 +2,60 @@
 // Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
 
 @mixin animation($animations...) {
+  @include _bourbon-deprecate-for-prefixing("animation");
+
   @include prefixer(animation, $animations, webkit moz spec);
 }
 
 @mixin animation-name($names...) {
+  @include _bourbon-deprecate-for-prefixing("animation-name");
+
   @include prefixer(animation-name, $names, webkit moz spec);
 }
 
 @mixin animation-duration($times...) {
+  @include _bourbon-deprecate-for-prefixing("animation-duration");
+
   @include prefixer(animation-duration, $times, webkit moz spec);
 }
 
 @mixin animation-timing-function($motions...) {
+  @include _bourbon-deprecate-for-prefixing("animation-timing-function");
+
   // ease | linear | ease-in | ease-out | ease-in-out
   @include prefixer(animation-timing-function, $motions, webkit moz spec);
 }
 
 @mixin animation-iteration-count($values...) {
+  @include _bourbon-deprecate-for-prefixing("animation-iteration-count");
+
   // infinite | <number>
   @include prefixer(animation-iteration-count, $values, webkit moz spec);
 }
 
 @mixin animation-direction($directions...) {
+  @include _bourbon-deprecate-for-prefixing("animation-direction");
+
   // normal | alternate
   @include prefixer(animation-direction, $directions, webkit moz spec);
 }
 
 @mixin animation-play-state($states...) {
+  @include _bourbon-deprecate-for-prefixing("animation-play-state");
+
   // running | paused
   @include prefixer(animation-play-state, $states, webkit moz spec);
 }
 
 @mixin animation-delay($times...) {
+  @include _bourbon-deprecate-for-prefixing("animation-delay");
+
   @include prefixer(animation-delay, $times, webkit moz spec);
 }
 
 @mixin animation-fill-mode($modes...) {
+  @include _bourbon-deprecate-for-prefixing("animation-fill-mode");
+
   // none | forwards | backwards | both
   @include prefixer(animation-fill-mode, $modes, webkit moz spec);
 }

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

@@ -1,3 +1,5 @@
 @mixin appearance($value) {
+  @include _bourbon-deprecate-for-prefixing("appearance");
+
   @include prefixer(appearance, $value, webkit moz ms o spec);
 }

data/app/assets/stylesheets/css3/_backface-visibility.scss

@@ -1,3 +1,5 @@
 @mixin backface-visibility($visibility) {
+  @include _bourbon-deprecate-for-prefixing("backface-visibility");
+
   @include prefixer(backface-visibility, $visibility, webkit spec);
 }

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

@@ -4,6 +4,8 @@
 //************************************************************************//
 
 @mixin background-image($images...) {
+  @include _bourbon-deprecate-for-prefixing("background-image");
+
   $webkit-images: ();
   $spec-images: ();
 
@@ -12,8 +14,8 @@
     $spec-image: ();
 
     @if (type-of($image) == string) {
-      $url-str:       str-slice($image, 0, 3);
-      $gradient-type: str-slice($image, 0, 6);
+      $url-str:       str-slice($image, 1, 3);
+      $gradient-type: str-slice($image, 1, 6);
 
       @if $url-str == "url" {
         $webkit-image: $image;

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

@@ -4,6 +4,8 @@
 //************************************************************************//
 
 @mixin background($backgrounds...) {
+  @include _bourbon-deprecate-for-prefixing("background");
+
   $webkit-backgrounds: ();
   $spec-backgrounds: ();
 
@@ -15,8 +17,8 @@
     @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);
-      $gradient-type: str-slice($background-str, 0, 6);
+      $url-str:       str-slice($background-str, 1, 3);
+      $gradient-type: str-slice($background-str, 1, 6);
 
       @if $url-str == "url" {
         $webkit-background: $background;

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

@@ -1,4 +1,6 @@
 @mixin border-image($borders...) {
+  @include _bourbon-deprecate-for-prefixing("border-image");
+
   $webkit-borders: ();
   $spec-borders: ();
 
@@ -10,8 +12,8 @@
     @if $border-type == string or list {
       $border-str: if($border-type == list, nth($border, 1), $border);
 
-      $url-str:       str-slice($border-str, 0, 3);
-      $gradient-type: str-slice($border-str, 0, 6);
+      $url-str:       str-slice($border-str, 1, 3);
+      $gradient-type: str-slice($border-str, 1, 6);
 
       @if $url-str == "url" {
         $webkit-border: $border;

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

@@ -1,4 +1,6 @@
 @mixin calc($property, $value) {
+  @include _bourbon-deprecate-for-prefixing("calc");
+
   #{$property}: -webkit-calc(#{$value});
   #{$property}: calc(#{$value});
 }

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

@@ -1,47 +1,67 @@
 @mixin columns($arg: auto) {
+  @include _bourbon-deprecate-for-prefixing("columns");
+
   // <column-count> || <column-width>
   @include prefixer(columns, $arg, webkit moz spec);
 }
 
 @mixin column-count($int: auto) {
+  @include _bourbon-deprecate-for-prefixing("column-count");
+
   // auto || integer
   @include prefixer(column-count, $int, webkit moz spec);
 }
 
 @mixin column-gap($length: normal) {
+  @include _bourbon-deprecate-for-prefixing("column-gap");
+
   // normal || length
   @include prefixer(column-gap, $length, webkit moz spec);
 }
 
 @mixin column-fill($arg: auto) {
+  @include _bourbon-deprecate-for-prefixing("column-fill");
+
   // auto || length
   @include prefixer(column-fill, $arg, webkit moz spec);
 }
 
 @mixin column-rule($arg) {
+  @include _bourbon-deprecate-for-prefixing("column-rule");
+
   // <border-width> || <border-style> || <color>
   @include prefixer(column-rule, $arg, webkit moz spec);
 }
 
 @mixin column-rule-color($color) {
+  @include _bourbon-deprecate-for-prefixing("column-rule-color");
+
   @include prefixer(column-rule-color, $color, webkit moz spec);
 }
 
 @mixin column-rule-style($style: none) {
+  @include _bourbon-deprecate-for-prefixing("column-rule-style");
+
   // none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
   @include prefixer(column-rule-style, $style, webkit moz spec);
 }
 
-@mixin column-rule-width ($width: none) {
+@mixin column-rule-width($width: none) {
+  @include _bourbon-deprecate-for-prefixing("column-rule-width");
+
   @include prefixer(column-rule-width, $width, webkit moz spec);
 }
 
 @mixin column-span($arg: none) {
+  @include _bourbon-deprecate-for-prefixing("column-span");
+
   // none || all
   @include prefixer(column-span, $arg, webkit moz spec);
 }
 
 @mixin column-width($length: auto) {
+  @include _bourbon-deprecate-for-prefixing("column-width");
+
   // auto || length
   @include prefixer(column-width, $length, webkit moz spec);
 }

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

@@ -1,4 +1,6 @@
 @mixin filter($function: none) {
+  @include _bourbon-deprecate-for-prefixing("filter");
+
   // <filter-function> [<filter-function]* | none
   @include prefixer(filter, $function, webkit spec);
 }

data/app/assets/stylesheets/css3/_flex-box.scss

@@ -2,6 +2,8 @@
 
 // Custom shorthand notation for flexbox
 @mixin box($orient: inline-axis, $pack: start, $align: stretch) {
+  @include _bourbon-deprecate-for-prefixing("box");
+
   @include display-box;
   @include box-orient($orient);
   @include box-pack($pack);
@@ -9,6 +11,8 @@
 }
 
 @mixin display-box {
+  @include _bourbon-deprecate-for-prefixing("display-box");
+
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox; // IE 10
@@ -16,44 +20,60 @@
 }
 
 @mixin box-orient($orient: inline-axis) {
+  @include _bourbon-deprecate-for-prefixing("box-orient");
+
 // horizontal|vertical|inline-axis|block-axis|inherit
   @include prefixer(box-orient, $orient, webkit moz spec);
 }
 
 @mixin box-pack($pack: start) {
+  @include _bourbon-deprecate-for-prefixing("box-pack");
+
 // start|end|center|justify
   @include prefixer(box-pack, $pack, webkit moz spec);
   -ms-flex-pack: $pack; // IE 10
 }
 
 @mixin box-align($align: stretch) {
+  @include _bourbon-deprecate-for-prefixing("box-align");
+
 // start|end|center|baseline|stretch
   @include prefixer(box-align, $align, webkit moz spec);
   -ms-flex-align: $align; // IE 10
 }
 
 @mixin box-direction($direction: normal) {
+  @include _bourbon-deprecate-for-prefixing("box-direction");
+
 // normal|reverse|inherit
   @include prefixer(box-direction, $direction, webkit moz spec);
   -ms-flex-direction: $direction; // IE 10
 }
 
 @mixin box-lines($lines: single) {
+  @include _bourbon-deprecate-for-prefixing("box-lines");
+
 // single|multiple
   @include prefixer(box-lines, $lines, webkit moz spec);
 }
 
 @mixin box-ordinal-group($int: 1) {
+  @include _bourbon-deprecate-for-prefixing("box-ordinal-group");
+
   @include prefixer(box-ordinal-group, $int, webkit moz spec);
   -ms-flex-order: $int; // IE 10
 }
 
 @mixin box-flex($value: 0) {
+  @include _bourbon-deprecate-for-prefixing("box-flex");
+
   @include prefixer(box-flex, $value, webkit moz spec);
   -ms-flex: $value; // IE 10
 }
 
 @mixin box-flex-group($int: 1) {
+  @include _bourbon-deprecate-for-prefixing("box-flex-group");
+
   @include prefixer(box-flex-group, $int, webkit moz spec);
 }
 
@@ -64,6 +84,8 @@
 // 2011 - display (flexbox | inline-flexbox)
 // 2012 - display (flex | inline-flex)
 @mixin display($value) {
+  @include _bourbon-deprecate-for-prefixing("display");
+
 // flex | inline-flex
   @if $value == "flex" {
     // 2009
@@ -94,6 +116,7 @@
 // 2011 - flex (decimal | width decimal)
 // 2012 - flex (integer integer width)
 @mixin flex($value) {
+  @include _bourbon-deprecate-for-prefixing("flex");
 
   // Grab flex-grow for older browsers.
   $flex-grow: nth($value, 1);
@@ -110,6 +133,7 @@
 // 2011 - flex-direction (row | row-reverse | column | column-reverse)
 // 2012 - flex-direction (row | row-reverse | column | column-reverse)
 @mixin flex-direction($value: row) {
+  @include _bourbon-deprecate-for-prefixing("flex-direction");
 
   // Alt values.
   $value-2009: $value;
@@ -143,6 +167,8 @@
 // 2011 - flex-wrap (nowrap | wrap | wrap-reverse)
 // 2012 - flex-wrap (nowrap | wrap | wrap-reverse)
 @mixin flex-wrap($value: nowrap) {
+  @include _bourbon-deprecate-for-prefixing("flex-wrap");
+
   // Alt values
   $alt-value: $value;
   @if $value == nowrap {
@@ -161,6 +187,8 @@
 // 2011 - TODO: parse values into flex-direction/flex-wrap
 // 2012 - flex-flow (flex-direction || flex-wrap)
 @mixin flex-flow($value) {
+  @include _bourbon-deprecate-for-prefixing("flex-flow");
+
   @include prefixer(flex-flow, $value, webkit moz spec);
 }
 
@@ -168,6 +196,8 @@
 // 2011 - flex-order (integer)
 // 2012 - order (integer)
 @mixin order($int: 0) {
+  @include _bourbon-deprecate-for-prefixing("order");
+
   // 2009
   @include prefixer(box-ordinal-group, $int, webkit moz spec);
 
@@ -180,18 +210,24 @@
 
 // 2012 - flex-grow (number)
 @mixin flex-grow($number: 0) {
+  @include _bourbon-deprecate-for-prefixing("flex-grow");
+
   @include prefixer(flex-grow, $number, webkit moz spec);
   -ms-flex-positive: $number;
 }
 
 // 2012 - flex-shrink (number)
 @mixin flex-shrink($number: 1) {
+  @include _bourbon-deprecate-for-prefixing("flex-shrink");
+
   @include prefixer(flex-shrink, $number, webkit moz spec);
   -ms-flex-negative: $number;
 }
 
 // 2012 - flex-basis (number)
 @mixin flex-basis($width: auto) {
+  @include _bourbon-deprecate-for-prefixing("flex-basis");
+
   @include prefixer(flex-basis, $width, webkit moz spec);
   -ms-flex-preferred-size: $width;
 }
@@ -200,6 +236,7 @@
 // 2011 - flex-pack (start | end | center | justify)
 // 2012 - justify-content (flex-start | flex-end | center | space-between | space-around)
 @mixin justify-content($value: flex-start) {
+  @include _bourbon-deprecate-for-prefixing("justify-content");
 
   // Alt values.
   $alt-value: $value;
@@ -227,6 +264,7 @@
 // 2011 - flex-align (start | end | center | baseline | stretch)
 // 2012 - align-items (flex-start | flex-end | center | baseline | stretch)
 @mixin align-items($value: stretch) {
+  @include _bourbon-deprecate-for-prefixing("align-items");
 
   $alt-value: $value;
 
@@ -249,6 +287,7 @@
 // 2011 - flex-item-align (auto | start | end | center | baseline | stretch)
 // 2012 - align-self (auto | flex-start | flex-end | center | baseline | stretch)
 @mixin align-self($value: auto) {
+  @include _bourbon-deprecate-for-prefixing("align-self");
 
   $value-2011: $value;
   @if $value == "flex-start" {
@@ -267,6 +306,7 @@
 // 2011 - flex-line-pack (start | end | center | justify | distribute | stretch)
 // 2012 - align-content (flex-start | flex-end | center | space-between | space-around | stretch)
 @mixin align-content($value: stretch) {
+  @include _bourbon-deprecate-for-prefixing("align-content");
 
   $value-2011: $value;
   @if $value == "flex-start" {