bourbon 4.2.4 → 7.3.0

data/spec/bourbon/{functions → utilities}/assign_inputs_spec.rb

@@ -2,10 +2,10 @@ require "spec_helper"
 
 describe "assign-inputs" do
   before(:all) do
-    ParserSupport.parse_file("functions/assign-inputs")
+    ParserSupport.parse_file("utilities/assign-inputs")
     @text_inputs_list = [
-      "input[type=\"password\"]",
-      "input[type=\"text\"]",
+      "[type='password']",
+      "[type='text']",
       "textarea"
     ]
   end
@@ -13,7 +13,7 @@ describe "assign-inputs" do
   context "expands plain text inputs" do
     it "finds selectors" do
       @text_inputs_list.each do |input|
-        expect(input).to have_rule("color: #ff0000")
+        expect(input).to have_rule("color: #f00")
       end
     end
   end
@@ -23,7 +23,7 @@ describe "assign-inputs" do
       list = @text_inputs_list.dup
       list.map! { |input| input + ":active" }
       list.each do |input|
-        expect(input).to have_rule("color: #00ff00")
+        expect(input).to have_rule("color: #0f0")
       end
     end
   end
@@ -33,7 +33,7 @@ describe "assign-inputs" do
       list = @text_inputs_list.dup
       list.push "select"
       list.each do |input|
-        expect(input).to have_rule("color: #0000ff")
+        expect(input).to have_rule("color: #00f")
       end
     end
   end
@@ -41,9 +41,9 @@ describe "assign-inputs" do
   context "expands text inputs when middle of list" do
     it "finds selectors" do
       list = @text_inputs_list.dup
-      list.unshift "input[type=\"file\"]"
+      list.unshift "[type=\"file\"]"
       list.each do |input|
-        expect(input).to have_rule("color: #ff00ff")
+        expect(input).to have_rule("color: #f0f")
       end
     end
   end

data/spec/bourbon/utilities/compact_shorthand_spec.rb

@@ -0,0 +1,30 @@
+require "spec_helper"
+
+describe "compact-shorthand" do
+  before(:all) do
+    ParserSupport.parse_file("utilities/compact-shorthand")
+  end
+
+  context "compact-shorthand" do
+    it "returns four values unaltered" do
+      expect(".four-values-a").to have_rule("padding: 10px 20px 30px 40px")
+    end
+
+    it "returns four values when the left and right values are not equal" do
+      expect(".four-values-b").to have_rule("padding: 5px 10px 5px 20px")
+    end
+
+    it "compacts four values to two values when the top/bottom and " +
+       "left/right values are equal" do
+      expect(".two-values").to have_rule("padding: 50px 100px")
+    end
+
+    it "compacts four values to one value when they all match" do
+      expect(".one-value").to have_rule("padding: 10px")
+    end
+
+    it "skips null values" do
+      expect(".null-value").to have_rule("padding: 10px 20px")
+    end
+  end
+end

data/spec/bourbon/utilities/contrast_ratio_spec.rb

@@ -0,0 +1,23 @@
+require "spec_helper"
+
+describe "contrast-ratio" do
+  before(:all) do
+    ParserSupport.parse_file("utilities/contrast-ratio")
+  end
+
+  context "calculates between white and black" do
+    it "outputs the contrast ratio" do
+      rule = "content: 21;"
+
+      expect(".contrast-ratio-black").to have_ruleset(rule)
+    end
+  end
+
+  context "calculates between white and blue" do
+    it "outputs the contrast ratio" do
+      rule = "content: 8.59247;"
+
+      expect(".contrast-ratio-blue").to have_ruleset(rule)
+    end
+  end
+end

data/spec/bourbon/utilities/directional_property_spec.rb

@@ -0,0 +1,28 @@
+require "spec_helper"
+
+describe "directional-property" do
+  before(:all) do
+    ParserSupport.parse_file("utilities/directional-property")
+  end
+
+  context "directional-property" do
+    it "returns property and values with four distinct lengths" do
+      expect(".border-all").to have_rule("border-width: 2px 5px 8px 12px")
+    end
+
+    it "returns property and value with one length" do
+      expect(".border-top").to have_rule("border-top: 10px")
+    end
+
+    it "returns property and value with vertical and horizontal values" do
+      expect(".border-color").to have_rule("border-color: #fff #000")
+    end
+
+    it "returns properties for top and bottom margin" do
+      ruleset = "margin-top: 20px; " +
+                "margin-bottom: 10px;"
+
+      expect(".margin-null").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/bourbon/utilities/fetch_bourbon_setting_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "fetch-bourbon-setting" do
+  before(:all) do
+    ParserSupport.parse_file("utilities/fetch-bourbon-setting")
+  end
+
+  context "fetches the modular-scale-base setting" do
+    it "and returns the default value" do
+      expect(".test-1").to have_rule("content: 1em")
+    end
+  end
+
+  context "fetches the rails-asset-pipeline setting" do
+    it "and returns the user-overridden value" do
+      expect(".test-2").to have_rule("content: true")
+    end
+  end
+
+  context "called from the font-face mixin" do
+    it "outputs user-overridden font file formats" do
+      ruleset = 'font-family: "source-sans-pro"; ' +
+                'src: font-url("source-sans-pro-regular.woff2") ' +
+                     'format("woff2"), ' +
+                     'font-url("source-sans-pro-regular.woff") ' +
+                     'format("woff");'
+
+      expect("@font-face").to have_ruleset(ruleset)
+    end
+  end
+end

data/spec/bourbon/utilities/font_source_declaration_spec.rb

@@ -0,0 +1,23 @@
+require "spec_helper"
+
+describe "font-source-declaration" do
+  before(:all) do
+    ParserSupport.parse_file("utilities/font-source-declaration")
+  end
+
+  context "called with pipeline" do
+    it "returns pipeline path" do
+      rule = 'src: font-url("b.woff2") format("woff2"), ' +
+             'font-url("b.woff") format("woff")'
+      expect(".has-pipeline").to have_rule(rule)
+    end
+  end
+
+  context "called with no pipeline" do
+    it "does not return pipeline path" do
+      rule = 'src: url("b.woff2") format("woff2"), ' +
+             'url("b.woff") format("woff")'
+      expect(".no-pipeline").to have_rule(rule)
+    end
+  end
+end

data/spec/bourbon/utilities/gamma_spec.rb

@@ -0,0 +1,23 @@
+require "spec_helper"
+
+describe "gamma" do
+  before(:all) do
+    ParserSupport.parse_file("utilities/gamma")
+  end
+
+  context "called on a color channel" do
+    it "outputs a gamma value between 0 and 1" do
+      rule = "content: 0.12168;"
+
+      expect(".gamma").to have_ruleset(rule)
+    end
+  end
+
+  context "called on a full color channel" do
+    it "outputs a gamma value between 0 and 1" do
+      rule = "content: 1;"
+
+      expect(".gamma-full").to have_ruleset(rule)
+    end
+  end
+end

data/spec/bourbon/utilities/lightness_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "lightness" do
+  before(:all) do
+    ParserSupport.parse_file("utilities/lightness")
+  end
+
+  context "called on black" do
+    it "outputs a number between 0 and 1 to indicate lightness" do
+      rule = "content: 0;"
+
+      expect(".lightness-black").to have_ruleset(rule)
+    end
+  end
+
+  context "called on white" do
+    it "outputs a number between 0 and 1 to indicate lightness" do
+      rule = "content: 1;"
+
+      expect(".lightness-white").to have_ruleset(rule)
+    end
+  end
+
+  context "called on gray" do
+    it "outputs a number between 0 and 1 to indicate lightness" do
+      rule = "content: 0.20503;"
+
+      expect(".lightness-gray").to have_ruleset(rule)
+    end
+  end
+end

data/spec/bourbon/{functions → utilities}/unpack_spec.rb

@@ -2,7 +2,7 @@ require "spec_helper"
 
 describe "unpack" do
   before(:all) do
-    ParserSupport.parse_file("functions/unpack")
+    ParserSupport.parse_file("utilities/unpack")
   end
 
   context "single" do

data/spec/bourbon/{functions → validators}/contains_spec.rb

@@ -2,7 +2,7 @@ require "spec_helper"
 
 describe "contains" do
   before(:all) do
-    ParserSupport.parse_file("functions/contains")
+    ParserSupport.parse_file("validators/contains")
   end
 
   context "called on array with single item" do

data/spec/bourbon/{functions → validators}/is_length_spec.rb

@@ -2,7 +2,7 @@ require "spec_helper"
 
 describe "is-length" do
   before(:all) do
-    ParserSupport.parse_file("functions/is-length")
+    ParserSupport.parse_file("validators/is-length")
   end
 
   context "checks if unitless integer can be represented as a length" do
@@ -35,6 +35,18 @@ describe "is-length" do
     end
   end
 
+  context "parses custom properties" do
+    it "returns true" do
+      expect(".var").to have_rule("color: #fff")
+    end
+  end
+
+  context "parses environment variables" do
+    it "returns true" do
+      expect(".env").to have_rule("color: #fff")
+    end
+  end
+
   context "checks if strings can be represented as a length" do
     it "returns false" do
       expect(".string").not_to have_rule("color: #fff")

data/spec/bourbon/{functions → validators}/is_number_spec.rb

@@ -2,7 +2,7 @@ require "spec_helper"
 
 describe "is-number" do
   before(:all) do
-    ParserSupport.parse_file("functions/is-number")
+    ParserSupport.parse_file("validators/is-number")
   end
 
   context "called with integer" do

data/spec/bourbon/{functions → validators}/is_size_spec.rb

@@ -2,7 +2,7 @@ require "spec_helper"
 
 describe "is-size" do
   before(:all) do
-    ParserSupport.parse_file("functions/is-size")
+    ParserSupport.parse_file("validators/is-size")
   end
 
   context "called with integer" do

data/spec/fixtures/_setup.scss

@@ -1 +1 @@
-@import "app/assets/stylesheets/bourbon";
+@import "core/bourbon";

data/spec/fixtures/{addons → library}/border-color.scss

@@ -1,9 +1,9 @@
 @import "setup";
 
-$red: #ff0000;
-$blue: #00ff00;
-$green: #0000ff;
-$purple: #ffff00;
+$red: #f00;
+$blue: #0f0;
+$green: #00f;
+$purple: #ff0;
 
 .border-color-all {
   @include border-color($red);

data/spec/fixtures/library/contrast-switch.scss

@@ -0,0 +1,9 @@
+@import "setup";
+
+.contrast-switch-light-base {
+  color: contrast-switch(#bae6e6);
+}
+
+.contrast-switch-dark-base {
+  color: contrast-switch(#2d72d9, #222, #eee);
+}

data/spec/fixtures/library/font-face-1.scss

@@ -0,0 +1,6 @@
+@import "setup";
+
+@include font-face(
+  "source-sans-pro",
+  "/fonts/source-sans-pro/source-sans-pro-regular"
+);

data/spec/fixtures/library/font-face-2.scss

@@ -0,0 +1,10 @@
+@import "setup";
+
+@include font-face(
+  "calibre",
+  "fonts/calibre"
+) {
+  font-style: normal;
+  font-weight: 600;
+  unicode-range: U+26;
+}

data/spec/fixtures/library/font-face-3.scss

@@ -0,0 +1,8 @@
+@import "setup";
+
+@include font-face(
+  "pitch",
+  "/fonts/pitch",
+  "woff2",
+  $asset-pipeline: true
+);

data/spec/fixtures/library/font-stacks.scss

@@ -0,0 +1,41 @@
+@import "setup";
+
+.helvetica {
+  content: $font-stack-helvetica;
+}
+
+.lucida-grande {
+  content: $font-stack-lucida-grande;
+}
+
+.verdana {
+  content: $font-stack-verdana;
+}
+
+.garamond {
+  content: $font-stack-garamond;
+}
+
+.georgia {
+  content: $font-stack-georgia;
+}
+
+.hoefler-text {
+  content: $font-stack-hoefler-text;
+}
+
+.consolas {
+  content: $font-stack-consolas;
+}
+
+.courier-new {
+  content: $font-stack-courier-new;
+}
+
+.monaco {
+  content: $font-stack-monaco;
+}
+
+.system {
+  content: $font-stack-system;
+}

data/spec/fixtures/library/hide-visually.scss

@@ -0,0 +1,9 @@
+@import "setup";
+
+.hide-visually {
+  @include hide-visually;
+}
+
+.hide-visually--unhide {
+  @include hide-visually("unhide");
+}

data/spec/fixtures/library/overflow-wrap.scss

@@ -0,0 +1,9 @@
+@import "setup";
+
+.overflow-wrap {
+  @include overflow-wrap;
+}
+
+.overflow-wrap-normal {
+  @include overflow-wrap(normal);
+}

data/spec/fixtures/{addons → library}/position.scss

@@ -1,9 +1,5 @@
 @import "setup";
 
-.position-only-type {
-  @include position(relative);
-}
-
 .position-all {
   @include position(fixed, 1em);
 }

data/spec/fixtures/library/prefixer.scss

@@ -0,0 +1,13 @@
+@import "setup";
+
+.prefix {
+  @include prefixer(appearance, none);
+}
+
+.prefix--webkit {
+  @include prefixer(appearance, none, ("webkit"));
+}
+
+.prefix--moz-ms {
+  @include prefixer(appearance, none, ("moz", "ms"));
+}

data/spec/fixtures/{functions → library}/shade.scss

@@ -9,7 +9,7 @@
 }
 
 .shade-red {
-  color: shade(#ff0000, 25%);
+  color: shade(#f00, 25%);
 }
 
 .shade-gray {

data/spec/fixtures/{addons → library}/size.scss

@@ -5,9 +5,9 @@
 }
 
 .size-both {
-  @include size(1em 2em);
+  @include size(1em, 2em);
 }
 
 .size-auto {
-  @include size(100px auto);
+  @include size(100px, auto);
 }

data/spec/fixtures/library/strip-unit.scss

@@ -0,0 +1,17 @@
+@import "setup";
+
+.px {
+  width: strip-unit(10px);
+}
+
+.em {
+  width: strip-unit(2em);
+}
+
+.rem {
+  width: strip-unit(1.5rem);
+}
+
+.percent {
+  width: strip-unit(20%);
+}

data/spec/fixtures/{addons → library}/text-inputs.scss

@@ -15,3 +15,7 @@
 .all-text-inputs-hover {
   content: $all-text-inputs-hover;
 }
+
+.all-text-inputs-invalid {
+  content: $all-text-inputs-invalid;
+}

data/spec/fixtures/{functions → library}/tint.scss

@@ -9,7 +9,7 @@
 }
 
 .tint-red {
-  color: tint(#ff0000, 25%);
+  color: tint(#f00, 25%);
 }
 
 .tint-gray {

data/spec/fixtures/library/triangle.scss

@@ -0,0 +1,9 @@
+@import "setup";
+
+.triangle--up {
+  @include triangle("up", 2rem, 1rem, #b25c9c);
+}
+
+.triangle--right {
+  @include triangle("right", 5px, 12px, #aaa);
+}

data/spec/fixtures/utilities/assign-inputs.scss

@@ -0,0 +1,19 @@
+@import "setup";
+
+#{_assign-inputs($_text-inputs-list)} {
+  color: #f00;
+}
+
+#{_assign-inputs($_text-inputs-list, active)} {
+  color: #0f0;
+}
+
+#{_assign-inputs($_text-inputs-list)},
+select {
+  color: #00f;
+}
+
+[type="file"],
+#{_assign-inputs($_text-inputs-list)} {
+  color: #f0f;
+}

data/spec/fixtures/utilities/compact-shorthand.scss

@@ -0,0 +1,21 @@
+@import "setup";
+
+.four-values-a {
+  padding: _compact-shorthand(10px 20px 30px 40px);
+}
+
+.four-values-b {
+  padding: _compact-shorthand(5px 10px 5px 20px);
+}
+
+.two-values {
+  padding: _compact-shorthand(50px 100px 50px 100px);
+}
+
+.one-value {
+  padding: _compact-shorthand(10px 10px 10px 10px);
+}
+
+.null-value {
+  padding: _compact-shorthand(10px null 20px);
+}

data/spec/fixtures/utilities/contrast-ratio.scss

@@ -0,0 +1,9 @@
+@import "setup";
+
+.contrast-ratio-black {
+  content: _contrast-ratio(#fff, #000);
+}
+
+.contrast-ratio-blue {
+  content: _contrast-ratio(#fff, #00f);
+}

data/spec/fixtures/utilities/directional-property.scss

@@ -0,0 +1,17 @@
+@import "setup";
+
+.border-all {
+  @include _directional-property(border, width, 2px 5px 8px 12px);
+}
+
+.border-top {
+  @include _directional-property(border, top, 10px);
+}
+
+.border-color {
+  @include _directional-property(border, color, #fff #000);
+}
+
+.margin-null {
+  @include _directional-property(margin, null, 20px null 10px);
+}

data/spec/fixtures/utilities/fetch-bourbon-setting.scss

@@ -0,0 +1,16 @@
+@import "setup";
+
+$bourbon: (
+  "global-font-file-formats": ("woff2", "woff"),
+  "rails-asset-pipeline": true,
+);
+
+.test-1 {
+  content: _fetch-bourbon-setting("modular-scale-base");
+}
+
+.test-2 {
+  content: _fetch-bourbon-setting("rails-asset-pipeline");
+}
+
+@include font-face("source-sans-pro", "source-sans-pro-regular");

data/spec/fixtures/utilities/font-source-declaration.scss

@@ -0,0 +1,11 @@
+@import "setup";
+
+$file-formats: ("woff2", "woff");
+
+.has-pipeline {
+  src: _font-source-declaration("a", "b", true, $file-formats);
+}
+
+.no-pipeline {
+  src: _font-source-declaration("a", "b", false, $file-formats);
+}

data/spec/fixtures/utilities/gamma.scss

@@ -0,0 +1,9 @@
+@import "setup";
+
+.gamma {
+  content: _gamma(100 / 255);
+}
+
+.gamma-full {
+  content: _gamma(255 / 255);
+}

data/spec/fixtures/utilities/lightness.scss

@@ -0,0 +1,13 @@
+@import "setup";
+
+.lightness-black {
+  content: _lightness(#000);
+}
+
+.lightness-white {
+  content: _lightness(#fff);
+}
+
+.lightness-gray {
+  content: _lightness(mix(#000, #fff, 50%));
+}