bourbon 5.0.0.alpha.0 → 5.0.0.beta.1

data/spec/bourbon/addons/text_inputs_spec.rb

@@ -5,20 +5,20 @@ describe "text-inputs" do
     ParserSupport.parse_file("addons/text-inputs")
 
     @inputs_list = %w(
-      [type="color"]
-      [type="date"]
-      [type="datetime"]
-      [type="datetime-local"]
-      [type="email"]
-      [type="month"]
-      [type="number"]
-      [type="password"]
-      [type="search"]
-      [type="tel"]
-      [type="text"]
-      [type="time"]
-      [type="url"]
-      [type="week"]
+      [type='color']
+      [type='date']
+      [type='datetime']
+      [type='datetime-local']
+      [type='email']
+      [type='month']
+      [type='number']
+      [type='password']
+      [type='search']
+      [type='tel']
+      [type='text']
+      [type='time']
+      [type='url']
+      [type='week']
       input:not([type])
       textarea
     )
@@ -62,4 +62,14 @@ describe "text-inputs" do
       expect(".all-text-inputs-hover").to have_ruleset(ruleset)
     end
   end
+
+  context "expands invalid text inputs" do
+    it "finds selectors" do
+      list = @inputs_list.map { |input| "#{input}:invalid" }
+      list = list.join(", ")
+      ruleset = "content: #{list};"
+
+      expect(".all-text-inputs-invalid").to have_ruleset(ruleset)
+    end
+  end
 end

data/spec/bourbon/functions/assign_inputs_spec.rb

@@ -4,8 +4,8 @@ describe "assign-inputs" do
   before(:all) do
     ParserSupport.parse_file("functions/assign-inputs")
     @text_inputs_list = [
-      "[type=\"password\"]",
-      "[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
@@ -43,7 +43,7 @@ describe "assign-inputs" do
       list = @text_inputs_list.dup
       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/functions/collapse_directionals.rb

@@ -0,0 +1,25 @@
+require "spec_helper"
+
+describe "collapse-directionals" do
+  before(:all) do
+    ParserSupport.parse_file("functions/collapse-directionals")
+  end
+
+  context "collapse-directionals" do
+    it "returns four distinct lengths unaltered" do
+      expect(".four").to have_rule("padding: 10px 20px 30px 40px")
+    end
+
+    it "returns collapsed horizontal lengths" do
+      expect(".three").to have_rule("padding: 5px 10px 5px 20px")
+    end
+
+    it "returns collapsed vertical and horizontal lengths" do
+      expect(".two").to have_rule("padding: 50px 100px")
+    end
+
+    it "returns collapsed lengths when all match" do
+      expect(".one").to have_rule("padding: 10px")
+    end
+  end
+end

data/spec/bourbon/{helpers → functions}/font_source_declaration_spec.rb

@@ -2,7 +2,7 @@ require "spec_helper"
 
 describe "font-source-declaration" do
   before(:all) do
-    ParserSupport.parse_file("helpers/font-source-declaration")
+    ParserSupport.parse_file("functions/font-source-declaration")
   end
 
   context "called with pipeline" do

data/spec/bourbon/helpers/directional_values_spec.rb

@@ -5,24 +5,6 @@ describe "directional-values" do
     ParserSupport.parse_file("helpers/directional-values")
   end
 
-  context "collapse-directionals" do
-    it "returns four distinct lengths unaltered" do
-      expect(".four").to have_rule("padding: 10px 20px 30px 40px")
-    end
-
-    it "returns collapsed horizontal lengths" do
-      expect(".three").to have_rule("padding: 5px 10px 5px 20px")
-    end
-
-    it "returns collapsed vertical and horizontal lengths" do
-      expect(".two").to have_rule("padding: 50px 100px")
-    end
-
-    it "returns collapsed lengths when all match" do
-      expect(".one").to have_rule("padding: 10px")
-    end
-  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")
@@ -33,7 +15,7 @@ describe "directional-values" do
     end
 
     it "returns property and value with vertical and horizontal values" do
-      expect(".border-color").to have_rule("border-color: #ffffff #000000")
+      expect(".border-color").to have_rule("border-color: #fff #000")
     end
   end
 end

data/spec/bourbon/settings/bourbon_get_setting_spec.rb

@@ -0,0 +1,31 @@
+require "spec_helper"
+
+describe "_bourbon-get-setting" do
+  before(:all) do
+    ParserSupport.parse_file("settings/bourbon-get-setting")
+  end
+
+  context "gets the modular-scale-base setting" do
+    it "and returns the default value" do
+      expect(".test-1").to have_rule("content: 1em")
+    end
+  end
+
+  context "gets 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/fixtures/addons/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/addons/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/addons/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/addons/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/addons/font-face-3.scss

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

data/spec/fixtures/addons/font-face-4.scss

@@ -0,0 +1,7 @@
+@import "setup";
+
+@include font-face(
+  "circular",
+  "/circular",
+  $file-formats: ("woff2", "svg")
+);

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

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

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

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

data/spec/fixtures/addons/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/assign-inputs.scss

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

data/spec/fixtures/functions/collapse-directionals.scss

@@ -0,0 +1,17 @@
+@import "setup";
+
+.four {
+  padding: _collapse-directionals(10px 20px 30px 40px);
+}
+
+.three {
+  padding: _collapse-directionals(5px 10px 5px 20px);
+}
+
+.two {
+  padding: _collapse-directionals(50px 100px 50px 100px);
+}
+
+.one {
+  padding: _collapse-directionals(10px 10px 10px 10px);
+}

data/spec/fixtures/functions/contains.scss

@@ -4,7 +4,7 @@ $single: "apple";
 $multiple: "pineapple", "banana", "cumquat";
 
 @mixin color-contains($list, $values) {
-  @if contains($list, $values) {
+  @if _contains($list, $values) {
     color: #fff;
   } @else {
     color: #000;

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

@@ -0,0 +1,11 @@
+@import "setup";
+
+$file-formats: ("eot", "woff2", "woff", "ttf", "svg");
+
+.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/functions/is-length.scss

@@ -1,7 +1,7 @@
 @import "setup";
 
 @mixin color-length($value) {
-  @if is-length($value) {
+  @if _is-length($value) {
     color: #fff;
   }
 }

data/spec/fixtures/functions/is-light.scss

@@ -9,11 +9,11 @@
 }
 
 .pink {
-  @include reverse-color(#ffcccc);
+  @include reverse-color(#fcc);
 }
 
 .sky {
-  @include reverse-color(#aaeeff);
+  @include reverse-color(#aef);
 }
 
 .medium-gray {

data/spec/fixtures/functions/is-number.scss

@@ -1,7 +1,7 @@
 @import "setup";
 
 @mixin line-height($number) {
-  @if is-number($number) {
+  @if _is-number($number) {
     line-height: $number;
   }
 }

data/spec/fixtures/functions/is-size.scss

@@ -1,7 +1,7 @@
 @import "setup";
 
 @mixin size-margin($size) {
-  @if is-size($size) {
+  @if _is-size($size) {
     margin-top: $size;
   }
 }