bourbon 4.3.4 → 5.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.github/ISSUE_TEMPLATE.md +22 -0
- data/.github/PULL_REQUEST_TEMPLATE.md +10 -0
- data/.npmignore +6 -1
- data/.ruby-version +1 -0
- data/.scss-lint.yml +100 -8
- data/CHANGELOG.md +344 -5
- data/CODE_OF_CONDUCT.md +6 -0
- data/CONTRIBUTING.md +77 -28
- data/Gemfile +1 -1
- data/LICENSE.md +1 -1
- data/README.md +163 -92
- data/RELEASING.md +35 -0
- data/Rakefile +0 -2
- data/bin/bourbon +1 -2
- data/bourbon.gemspec +31 -24
- data/bower.json +22 -19
- data/circle.yml +8 -2
- data/core/_bourbon.scss +54 -0
- data/core/bourbon/helpers/_buttons-list.scss +14 -0
- data/core/bourbon/helpers/_scales.scss +27 -0
- data/core/bourbon/helpers/_text-inputs-list.scss +26 -0
- data/core/bourbon/library/_border-color.scss +26 -0
- data/core/bourbon/library/_border-radius.scss +85 -0
- data/core/bourbon/library/_border-style.scss +25 -0
- data/core/bourbon/library/_border-width.scss +25 -0
- data/core/bourbon/library/_buttons.scss +84 -0
- data/{app/assets/stylesheets/addons → core/bourbon/library}/_clearfix.scss +5 -5
- data/core/bourbon/library/_contrast-switch.scss +81 -0
- data/{app/assets/stylesheets/addons → core/bourbon/library}/_ellipsis.scss +12 -6
- data/core/bourbon/library/_font-face.scss +65 -0
- data/core/bourbon/library/_font-stacks.scss +249 -0
- data/core/bourbon/library/_hide-text.scss +24 -0
- data/core/bourbon/library/_hide-visually.scss +70 -0
- data/core/bourbon/library/_margin.scss +37 -0
- data/core/bourbon/library/_modular-scale.scss +120 -0
- data/core/bourbon/library/_overflow-wrap.scss +24 -0
- data/core/bourbon/library/_padding.scss +36 -0
- data/core/bourbon/library/_position.scss +62 -0
- data/core/bourbon/library/_prefixer.scss +37 -0
- data/core/bourbon/library/_shade.scss +32 -0
- data/core/bourbon/library/_size.scss +50 -0
- data/core/bourbon/library/_strip-unit.scss +17 -0
- data/core/bourbon/library/_text-inputs.scss +163 -0
- data/{app/assets/stylesheets/addons → core/bourbon/library}/_timing-functions.scss +7 -3
- data/core/bourbon/library/_tint.scss +32 -0
- data/core/bourbon/library/_triangle.scss +82 -0
- data/core/bourbon/library/_value-prefixer.scss +37 -0
- data/core/bourbon/settings/_settings.scss +75 -0
- data/core/bourbon/utilities/_assign-inputs.scss +28 -0
- data/core/bourbon/utilities/_compact-shorthand.scss +39 -0
- data/core/bourbon/utilities/_contrast-ratio.scss +31 -0
- data/core/bourbon/utilities/_directional-property.scss +70 -0
- data/core/bourbon/utilities/_fetch-bourbon-setting.scss +16 -0
- data/core/bourbon/utilities/_font-source-declaration.scss +51 -0
- data/core/bourbon/utilities/_gamma.scss +21 -0
- data/core/bourbon/utilities/_lightness.scss +24 -0
- data/{app/assets/stylesheets/functions/_unpack.scss → core/bourbon/utilities/_unpack-shorthand.scss} +8 -11
- data/core/bourbon/validators/_contains-falsy.scss +20 -0
- data/core/bourbon/validators/_contains.scss +26 -0
- data/core/bourbon/validators/_is-color.scss +13 -0
- data/{app/assets/stylesheets/functions → core/bourbon/validators}/_is-length.scss +6 -7
- data/core/bourbon/validators/_is-number.scss +15 -0
- data/core/bourbon/validators/_is-size.scss +18 -0
- data/features/step_definitions/bourbon_steps.rb +7 -1
- data/index.js +2 -2
- data/lib/bourbon.rb +2 -26
- data/lib/bourbon/generator.rb +11 -10
- data/lib/bourbon/version.rb +1 -1
- data/package.json +18 -17
- data/spec/bourbon/{addons → library}/border_color_spec.rb +8 -8
- data/spec/bourbon/{addons → library}/border_radius_spec.rb +1 -1
- data/spec/bourbon/{addons → library}/border_style_spec.rb +1 -1
- data/spec/bourbon/{addons → library}/border_width_spec.rb +1 -1
- data/spec/bourbon/{addons → library}/buttons_spec.rb +4 -4
- data/spec/bourbon/{addons → library}/clearfix_spec.rb +3 -3
- data/spec/bourbon/library/contrast_switch_spec.rb +23 -0
- data/spec/bourbon/{addons → library}/ellipsis_spec.rb +1 -1
- data/spec/bourbon/library/font_face_spec_1.rb +16 -0
- data/spec/bourbon/library/font_face_spec_2.rb +21 -0
- data/spec/bourbon/library/font_face_spec_3.rb +16 -0
- data/spec/bourbon/library/font_face_spec_4.rb +17 -0
- data/spec/bourbon/library/font_stacks_spec.rb +42 -0
- data/spec/bourbon/{addons → library}/hide_text_spec.rb +1 -1
- data/spec/bourbon/library/hide_visually_spec.rb +37 -0
- data/spec/bourbon/{addons → library}/margin_spec.rb +1 -1
- data/spec/bourbon/{functions → library}/modular_scale_spec.rb +6 -6
- data/spec/bourbon/library/overflow_wrap_spec.rb +27 -0
- data/spec/bourbon/{addons → library}/padding_spec.rb +1 -1
- data/spec/bourbon/{addons → library}/position_spec.rb +1 -1
- data/spec/bourbon/library/prefixer_spec.rb +34 -0
- data/spec/bourbon/{functions → library}/shade_spec.rb +1 -1
- data/spec/bourbon/{addons → library}/size_spec.rb +1 -1
- data/spec/bourbon/{functions/strip_units_spec.rb → library/strip_unit_spec.rb} +2 -2
- data/spec/bourbon/{addons → library}/text_inputs_spec.rb +25 -15
- data/spec/bourbon/{functions → library}/tint_spec.rb +1 -1
- data/spec/bourbon/library/triangle_spec.rb +31 -0
- data/spec/bourbon/{functions → utilities}/assign_inputs_spec.rb +8 -8
- data/spec/bourbon/utilities/compact_shorthand_spec.rb +30 -0
- data/spec/bourbon/utilities/contrast_ratio_spec.rb +23 -0
- data/spec/bourbon/utilities/directional_property_spec.rb +28 -0
- data/spec/bourbon/utilities/fetch_bourbon_setting_spec.rb +31 -0
- data/spec/bourbon/{helpers → utilities}/font_source_declaration_spec.rb +1 -1
- data/spec/bourbon/utilities/gamma_spec.rb +23 -0
- data/spec/bourbon/utilities/lightness_spec.rb +31 -0
- data/spec/bourbon/{functions → utilities}/unpack_spec.rb +1 -1
- data/spec/bourbon/{functions → validators}/contains_spec.rb +1 -1
- data/spec/bourbon/{functions → validators}/is_length_spec.rb +1 -1
- data/spec/bourbon/{functions → validators}/is_number_spec.rb +1 -1
- data/spec/bourbon/{functions → validators}/is_size_spec.rb +1 -1
- data/spec/fixtures/_setup.scss +1 -1
- data/spec/fixtures/{addons → library}/border-color.scss +4 -4
- data/spec/fixtures/{addons → library}/border-radius.scss +0 -0
- data/spec/fixtures/{addons → library}/border-style.scss +0 -0
- data/spec/fixtures/{addons → library}/border-width.scss +0 -0
- data/spec/fixtures/{addons → library}/buttons.scss +0 -0
- data/spec/fixtures/{addons → library}/clearfix.scss +0 -0
- data/spec/fixtures/library/contrast-switch.scss +9 -0
- data/spec/fixtures/{addons → library}/ellipsis.scss +0 -0
- data/spec/fixtures/library/font-face-1.scss +6 -0
- data/spec/fixtures/library/font-face-2.scss +10 -0
- data/spec/fixtures/library/font-face-3.scss +8 -0
- data/spec/fixtures/library/font-face-4.scss +7 -0
- data/spec/fixtures/library/font-stacks.scss +41 -0
- data/spec/fixtures/{addons → library}/hide-text.scss +0 -0
- data/spec/fixtures/library/hide-visually.scss +9 -0
- data/spec/fixtures/{addons → library}/margin.scss +0 -0
- data/spec/fixtures/{functions → library}/modular-scale.scss +0 -0
- data/spec/fixtures/library/overflow-wrap.scss +9 -0
- data/spec/fixtures/{addons → library}/padding.scss +0 -0
- data/spec/fixtures/{addons → library}/position.scss +0 -4
- data/spec/fixtures/library/prefixer.scss +13 -0
- data/spec/fixtures/{functions → library}/shade.scss +1 -1
- data/spec/fixtures/{addons → library}/size.scss +2 -2
- data/spec/fixtures/library/strip-unit.scss +17 -0
- data/spec/fixtures/{addons → library}/text-inputs.scss +4 -0
- data/spec/fixtures/{functions → library}/tint.scss +1 -1
- data/spec/fixtures/library/triangle.scss +9 -0
- data/spec/fixtures/utilities/assign-inputs.scss +19 -0
- data/spec/fixtures/utilities/compact-shorthand.scss +21 -0
- data/spec/fixtures/utilities/contrast-ratio.scss +9 -0
- data/spec/fixtures/utilities/directional-property.scss +17 -0
- data/spec/fixtures/utilities/fetch-bourbon-setting.scss +16 -0
- data/spec/fixtures/utilities/font-source-declaration.scss +11 -0
- data/spec/fixtures/utilities/gamma.scss +9 -0
- data/spec/fixtures/utilities/lightness.scss +13 -0
- data/spec/fixtures/utilities/unpack.scss +17 -0
- data/spec/fixtures/{functions → validators}/contains.scss +1 -1
- data/spec/fixtures/{functions → validators}/is-length.scss +1 -1
- data/spec/fixtures/{functions → validators}/is-number.scss +1 -1
- data/spec/fixtures/{functions → validators}/is-size.scss +1 -1
- data/spec/support/matchers/have_value.rb +1 -1
- metadata +251 -275
- data/app/assets/stylesheets/_bourbon-deprecate.scss +0 -19
- data/app/assets/stylesheets/_bourbon-deprecated-upcoming.scss +0 -425
- data/app/assets/stylesheets/_bourbon.scss +0 -90
- data/app/assets/stylesheets/addons/_border-color.scss +0 -29
- data/app/assets/stylesheets/addons/_border-radius.scss +0 -48
- data/app/assets/stylesheets/addons/_border-style.scss +0 -28
- data/app/assets/stylesheets/addons/_border-width.scss +0 -28
- data/app/assets/stylesheets/addons/_buttons.scss +0 -69
- data/app/assets/stylesheets/addons/_font-stacks.scss +0 -31
- data/app/assets/stylesheets/addons/_hide-text.scss +0 -27
- data/app/assets/stylesheets/addons/_margin.scss +0 -29
- data/app/assets/stylesheets/addons/_padding.scss +0 -29
- data/app/assets/stylesheets/addons/_position.scss +0 -51
- data/app/assets/stylesheets/addons/_prefixer.scss +0 -66
- data/app/assets/stylesheets/addons/_retina-image.scss +0 -27
- data/app/assets/stylesheets/addons/_size.scss +0 -56
- data/app/assets/stylesheets/addons/_text-inputs.scss +0 -118
- data/app/assets/stylesheets/addons/_triangle.scss +0 -63
- data/app/assets/stylesheets/addons/_word-wrap.scss +0 -29
- data/app/assets/stylesheets/css3/_animation.scss +0 -61
- data/app/assets/stylesheets/css3/_appearance.scss +0 -5
- data/app/assets/stylesheets/css3/_backface-visibility.scss +0 -5
- data/app/assets/stylesheets/css3/_background-image.scss +0 -44
- data/app/assets/stylesheets/css3/_background.scss +0 -57
- data/app/assets/stylesheets/css3/_border-image.scss +0 -61
- data/app/assets/stylesheets/css3/_calc.scss +0 -6
- data/app/assets/stylesheets/css3/_columns.scss +0 -67
- data/app/assets/stylesheets/css3/_filter.scss +0 -6
- data/app/assets/stylesheets/css3/_flex-box.scss +0 -327
- data/app/assets/stylesheets/css3/_font-face.scss +0 -29
- data/app/assets/stylesheets/css3/_font-feature-settings.scss +0 -6
- data/app/assets/stylesheets/css3/_hidpi-media-query.scss +0 -12
- data/app/assets/stylesheets/css3/_hyphens.scss +0 -6
- data/app/assets/stylesheets/css3/_image-rendering.scss +0 -15
- data/app/assets/stylesheets/css3/_keyframes.scss +0 -38
- data/app/assets/stylesheets/css3/_linear-gradient.scss +0 -40
- data/app/assets/stylesheets/css3/_perspective.scss +0 -12
- data/app/assets/stylesheets/css3/_placeholder.scss +0 -10
- data/app/assets/stylesheets/css3/_radial-gradient.scss +0 -40
- data/app/assets/stylesheets/css3/_selection.scss +0 -44
- data/app/assets/stylesheets/css3/_text-decoration.scss +0 -27
- data/app/assets/stylesheets/css3/_transform.scss +0 -21
- data/app/assets/stylesheets/css3/_transition.scss +0 -81
- data/app/assets/stylesheets/css3/_user-select.scss +0 -5
- data/app/assets/stylesheets/functions/_assign-inputs.scss +0 -16
- data/app/assets/stylesheets/functions/_contains-falsy.scss +0 -25
- data/app/assets/stylesheets/functions/_contains.scss +0 -31
- data/app/assets/stylesheets/functions/_is-light.scss +0 -26
- data/app/assets/stylesheets/functions/_is-number.scss +0 -16
- data/app/assets/stylesheets/functions/_is-size.scss +0 -23
- data/app/assets/stylesheets/functions/_modular-scale.scss +0 -74
- data/app/assets/stylesheets/functions/_px-to-em.scss +0 -24
- data/app/assets/stylesheets/functions/_px-to-rem.scss +0 -26
- data/app/assets/stylesheets/functions/_shade.scss +0 -24
- data/app/assets/stylesheets/functions/_strip-units.scss +0 -22
- data/app/assets/stylesheets/functions/_tint.scss +0 -24
- data/app/assets/stylesheets/functions/_transition-property-name.scss +0 -37
- data/app/assets/stylesheets/helpers/_convert-units.scss +0 -26
- data/app/assets/stylesheets/helpers/_directional-values.scss +0 -108
- data/app/assets/stylesheets/helpers/_font-source-declaration.scss +0 -53
- data/app/assets/stylesheets/helpers/_gradient-positions-parser.scss +0 -24
- data/app/assets/stylesheets/helpers/_linear-angle-parser.scss +0 -35
- data/app/assets/stylesheets/helpers/_linear-gradient-parser.scss +0 -51
- data/app/assets/stylesheets/helpers/_linear-positions-parser.scss +0 -77
- data/app/assets/stylesheets/helpers/_linear-side-corner-parser.scss +0 -41
- data/app/assets/stylesheets/helpers/_radial-arg-parser.scss +0 -74
- data/app/assets/stylesheets/helpers/_radial-gradient-parser.scss +0 -55
- data/app/assets/stylesheets/helpers/_radial-positions-parser.scss +0 -28
- data/app/assets/stylesheets/helpers/_render-gradients.scss +0 -31
- data/app/assets/stylesheets/helpers/_shape-size-stripper.scss +0 -15
- data/app/assets/stylesheets/helpers/_str-to-num.scss +0 -55
- data/app/assets/stylesheets/settings/_asset-pipeline.scss +0 -7
- data/app/assets/stylesheets/settings/_deprecation-warnings.scss +0 -8
- data/app/assets/stylesheets/settings/_prefixer.scss +0 -9
- data/app/assets/stylesheets/settings/_px-to-em.scss +0 -1
- data/lib/bourbon/engine.rb +0 -5
- data/lib/tasks/install.rake +0 -20
- data/sache.json +0 -5
- data/spec/bourbon/addons/font_stacks_spec.rb +0 -25
- data/spec/bourbon/addons/retina_image_spec.rb +0 -57
- data/spec/bourbon/addons/triangle_spec.rb +0 -32
- data/spec/bourbon/addons/word_wrap_spec.rb +0 -29
- data/spec/bourbon/css3/font_face_spec.rb +0 -45
- data/spec/bourbon/css3/hidpi_media_query_spec.rb +0 -23
- data/spec/bourbon/functions/is_light_spec.rb +0 -37
- data/spec/bourbon/functions/px_to_em_spec.rb +0 -31
- data/spec/bourbon/functions/px_to_rem_spec.rb +0 -25
- data/spec/bourbon/helpers/convert_units_spec.rb +0 -31
- data/spec/bourbon/helpers/directional_values_spec.rb +0 -39
- data/spec/bourbon/helpers/str_to_num_spec.rb +0 -25
- data/spec/fixtures/addons/font-stacks.scss +0 -21
- data/spec/fixtures/addons/retina-image.scss +0 -21
- data/spec/fixtures/addons/triangle.scss +0 -9
- data/spec/fixtures/addons/word-wrap.scss +0 -9
- data/spec/fixtures/css3/font-face.scss +0 -6
- data/spec/fixtures/css3/hidpi-media-query.scss +0 -13
- data/spec/fixtures/functions/assign-inputs.scss +0 -19
- data/spec/fixtures/functions/is-light.scss +0 -29
- data/spec/fixtures/functions/px-to-em.scss +0 -17
- data/spec/fixtures/functions/px-to-rem.scss +0 -15
- data/spec/fixtures/functions/strip-units.scss +0 -17
- data/spec/fixtures/functions/unpack.scss +0 -17
- data/spec/fixtures/helpers/convert-units.scss +0 -17
- data/spec/fixtures/helpers/directional-values.scss +0 -29
- data/spec/fixtures/helpers/font-source-declaration.scss +0 -10
- data/spec/fixtures/helpers/str-to-num.scss +0 -13
- data/spec/support/matchers/be_contained_in.rb +0 -10
@@ -0,0 +1,37 @@
|
|
1
|
+
require "spec_helper"
|
2
|
+
|
3
|
+
describe "hide-visually" do
|
4
|
+
before(:all) do
|
5
|
+
ParserSupport.parse_file("library/hide-visually")
|
6
|
+
end
|
7
|
+
|
8
|
+
context "called on element" do
|
9
|
+
it "adds properties to hide the element" do
|
10
|
+
ruleset = "border: 0; " +
|
11
|
+
"clip: rect(1px, 1px, 1px, 1px); " +
|
12
|
+
"clip-path: inset(100%); " +
|
13
|
+
"height: 1px; " +
|
14
|
+
"overflow: hidden; " +
|
15
|
+
"padding: 0; " +
|
16
|
+
"position: absolute; " +
|
17
|
+
"white-space: nowrap; " +
|
18
|
+
"width: 1px;"
|
19
|
+
|
20
|
+
expect(".hide-visually").to have_ruleset(ruleset)
|
21
|
+
end
|
22
|
+
end
|
23
|
+
|
24
|
+
context "called with unhide argument" do
|
25
|
+
it "adds properties to reverse the hiding of the element" do
|
26
|
+
ruleset = "clip: auto; " +
|
27
|
+
"clip-path: none; " +
|
28
|
+
"height: auto; " +
|
29
|
+
"overflow: visible; " +
|
30
|
+
"position: static; " +
|
31
|
+
"white-space: inherit; " +
|
32
|
+
"width: auto;"
|
33
|
+
|
34
|
+
expect(".hide-visually--unhide").to have_ruleset(ruleset)
|
35
|
+
end
|
36
|
+
end
|
37
|
+
end
|
@@ -2,24 +2,24 @@ require "spec_helper"
|
|
2
2
|
|
3
3
|
describe "modular-scale" do
|
4
4
|
before(:all) do
|
5
|
-
ParserSupport.parse_file("
|
5
|
+
ParserSupport.parse_file("library/modular-scale")
|
6
6
|
end
|
7
7
|
|
8
8
|
context "called with arguments (1, $value: 2em)" do
|
9
9
|
it "outputs double the first value from the default scale" do
|
10
|
-
expect(".one-base-two").to have_rule("font-size: 2.
|
10
|
+
expect(".one-base-two").to have_rule("font-size: 2.5em")
|
11
11
|
end
|
12
12
|
end
|
13
13
|
|
14
14
|
context "called with arguments (1, $value: 3em)" do
|
15
15
|
it "outputs triple the first value from the default scale" do
|
16
|
-
expect(".one-base-three").to have_rule("font-size: 3.
|
16
|
+
expect(".one-base-three").to have_rule("font-size: 3.75em")
|
17
17
|
end
|
18
18
|
end
|
19
19
|
|
20
20
|
context "called with arguments (1, $value: 4em 6em)" do
|
21
21
|
it "outputs quadruple the first value from the default scale" do
|
22
|
-
expect(".one-double-value").to have_rule("font-size: 1.
|
22
|
+
expect(".one-double-value").to have_rule("font-size: 1.024em")
|
23
23
|
end
|
24
24
|
end
|
25
25
|
|
@@ -31,13 +31,13 @@ describe "modular-scale" do
|
|
31
31
|
|
32
32
|
context "called with argument (2)" do
|
33
33
|
it "outputs the second value from the default scale" do
|
34
|
-
expect(".two-base-one").to have_rule("font-size: 1.
|
34
|
+
expect(".two-base-one").to have_rule("font-size: 1.5625em")
|
35
35
|
end
|
36
36
|
end
|
37
37
|
|
38
38
|
context "called with arguments (2, $value: 4em 6em)" do
|
39
39
|
it "outputs sextuple the second value from the default scale" do
|
40
|
-
expect(".two-double-value").to have_rule("font-size: 3.
|
40
|
+
expect(".two-double-value").to have_rule("font-size: 3.125em")
|
41
41
|
end
|
42
42
|
end
|
43
43
|
end
|
@@ -0,0 +1,27 @@
|
|
1
|
+
require "spec_helper"
|
2
|
+
|
3
|
+
describe "overflow-wrap" do
|
4
|
+
before(:all) do
|
5
|
+
ParserSupport.parse_file("library/overflow-wrap")
|
6
|
+
end
|
7
|
+
|
8
|
+
context "called on element" do
|
9
|
+
it "adds overflow-wrap and word-wrap" do
|
10
|
+
input = ".overflow-wrap"
|
11
|
+
ruleset = "word-wrap: break-word; " +
|
12
|
+
"overflow-wrap: break-word;"
|
13
|
+
|
14
|
+
expect(input).to have_ruleset(ruleset)
|
15
|
+
end
|
16
|
+
end
|
17
|
+
|
18
|
+
context "called on element with normal" do
|
19
|
+
it "sets values as normal" do
|
20
|
+
input = ".overflow-wrap-normal"
|
21
|
+
ruleset = "word-wrap: normal; " +
|
22
|
+
"overflow-wrap: normal;"
|
23
|
+
|
24
|
+
expect(input).to have_ruleset(ruleset)
|
25
|
+
end
|
26
|
+
end
|
27
|
+
end
|
@@ -0,0 +1,34 @@
|
|
1
|
+
require "spec_helper"
|
2
|
+
|
3
|
+
describe "prefixer" do
|
4
|
+
before(:all) do
|
5
|
+
ParserSupport.parse_file("library/prefixer")
|
6
|
+
end
|
7
|
+
|
8
|
+
context "called with no prefixes" do
|
9
|
+
it "outputs the spec" do
|
10
|
+
rule = "appearance: none;"
|
11
|
+
|
12
|
+
expect(".prefix").to have_ruleset(rule)
|
13
|
+
end
|
14
|
+
end
|
15
|
+
|
16
|
+
context "called with one prefix" do
|
17
|
+
it "applies the prefix to the property" do
|
18
|
+
rule = "-webkit-appearance: none; " +
|
19
|
+
"appearance: none;"
|
20
|
+
|
21
|
+
expect(".prefix--webkit").to have_ruleset(rule)
|
22
|
+
end
|
23
|
+
end
|
24
|
+
|
25
|
+
context "called with multiple prefixes" do
|
26
|
+
it "applies the prefixes to the property" do
|
27
|
+
rule = "-moz-appearance: none; " +
|
28
|
+
"-ms-appearance: none; " +
|
29
|
+
"appearance: none;"
|
30
|
+
|
31
|
+
expect(".prefix--moz-ms").to have_ruleset(rule)
|
32
|
+
end
|
33
|
+
end
|
34
|
+
end
|
@@ -2,23 +2,23 @@ require "spec_helper"
|
|
2
2
|
|
3
3
|
describe "text-inputs" do
|
4
4
|
before(:all) do
|
5
|
-
ParserSupport.parse_file("
|
5
|
+
ParserSupport.parse_file("library/text-inputs")
|
6
6
|
|
7
7
|
@inputs_list = %w(
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
8
|
+
[type='color']
|
9
|
+
[type='date']
|
10
|
+
[type='datetime']
|
11
|
+
[type='datetime-local']
|
12
|
+
[type='email']
|
13
|
+
[type='month']
|
14
|
+
[type='number']
|
15
|
+
[type='password']
|
16
|
+
[type='search']
|
17
|
+
[type='tel']
|
18
|
+
[type='text']
|
19
|
+
[type='time']
|
20
|
+
[type='url']
|
21
|
+
[type='week']
|
22
22
|
input:not([type])
|
23
23
|
textarea
|
24
24
|
)
|
@@ -62,4 +62,14 @@ describe "text-inputs" do
|
|
62
62
|
expect(".all-text-inputs-hover").to have_ruleset(ruleset)
|
63
63
|
end
|
64
64
|
end
|
65
|
+
|
66
|
+
context "expands invalid text inputs" do
|
67
|
+
it "finds selectors" do
|
68
|
+
list = @inputs_list.map { |input| "#{input}:invalid" }
|
69
|
+
list = list.join(", ")
|
70
|
+
ruleset = "content: #{list};"
|
71
|
+
|
72
|
+
expect(".all-text-inputs-invalid").to have_ruleset(ruleset)
|
73
|
+
end
|
74
|
+
end
|
65
75
|
end
|
@@ -0,0 +1,31 @@
|
|
1
|
+
require "spec_helper"
|
2
|
+
|
3
|
+
describe "triangle" do
|
4
|
+
before(:all) do
|
5
|
+
ParserSupport.parse_file("library/triangle")
|
6
|
+
end
|
7
|
+
|
8
|
+
context "called with defaults" do
|
9
|
+
it "outputs the properties" do
|
10
|
+
ruleset = "border-style: solid; " +
|
11
|
+
"height: 0; " +
|
12
|
+
"width: 0; " +
|
13
|
+
"border-color: transparent transparent #b25c9c; " +
|
14
|
+
"border-width: 0 1rem 1rem;"
|
15
|
+
|
16
|
+
expect(".triangle--up").to have_ruleset(ruleset)
|
17
|
+
end
|
18
|
+
end
|
19
|
+
|
20
|
+
context "called with arguments" do
|
21
|
+
it "outputs the properties" do
|
22
|
+
ruleset = "border-style: solid; " +
|
23
|
+
"height: 0; " +
|
24
|
+
"width: 0; " +
|
25
|
+
"border-color: transparent transparent transparent #aaa; " +
|
26
|
+
"border-width: 6px 0 6px 5px;"
|
27
|
+
|
28
|
+
expect(".triangle--right").to have_ruleset(ruleset)
|
29
|
+
end
|
30
|
+
end
|
31
|
+
end
|
@@ -2,10 +2,10 @@ require "spec_helper"
|
|
2
2
|
|
3
3
|
describe "assign-inputs" do
|
4
4
|
before(:all) do
|
5
|
-
ParserSupport.parse_file("
|
5
|
+
ParserSupport.parse_file("utilities/assign-inputs")
|
6
6
|
@text_inputs_list = [
|
7
|
-
"
|
8
|
-
"
|
7
|
+
"[type='password']",
|
8
|
+
"[type='text']",
|
9
9
|
"textarea"
|
10
10
|
]
|
11
11
|
end
|
@@ -13,7 +13,7 @@ describe "assign-inputs" do
|
|
13
13
|
context "expands plain text inputs" do
|
14
14
|
it "finds selectors" do
|
15
15
|
@text_inputs_list.each do |input|
|
16
|
-
expect(input).to have_rule("color: #
|
16
|
+
expect(input).to have_rule("color: #f00")
|
17
17
|
end
|
18
18
|
end
|
19
19
|
end
|
@@ -23,7 +23,7 @@ describe "assign-inputs" do
|
|
23
23
|
list = @text_inputs_list.dup
|
24
24
|
list.map! { |input| input + ":active" }
|
25
25
|
list.each do |input|
|
26
|
-
expect(input).to have_rule("color: #
|
26
|
+
expect(input).to have_rule("color: #0f0")
|
27
27
|
end
|
28
28
|
end
|
29
29
|
end
|
@@ -33,7 +33,7 @@ describe "assign-inputs" do
|
|
33
33
|
list = @text_inputs_list.dup
|
34
34
|
list.push "select"
|
35
35
|
list.each do |input|
|
36
|
-
expect(input).to have_rule("color: #
|
36
|
+
expect(input).to have_rule("color: #00f")
|
37
37
|
end
|
38
38
|
end
|
39
39
|
end
|
@@ -41,9 +41,9 @@ describe "assign-inputs" do
|
|
41
41
|
context "expands text inputs when middle of list" do
|
42
42
|
it "finds selectors" do
|
43
43
|
list = @text_inputs_list.dup
|
44
|
-
list.unshift "
|
44
|
+
list.unshift "[type=\"file\"]"
|
45
45
|
list.each do |input|
|
46
|
-
expect(input).to have_rule("color: #
|
46
|
+
expect(input).to have_rule("color: #f0f")
|
47
47
|
end
|
48
48
|
end
|
49
49
|
end
|
@@ -0,0 +1,30 @@
|
|
1
|
+
require "spec_helper"
|
2
|
+
|
3
|
+
describe "compact-shorthand" do
|
4
|
+
before(:all) do
|
5
|
+
ParserSupport.parse_file("utilities/compact-shorthand")
|
6
|
+
end
|
7
|
+
|
8
|
+
context "compact-shorthand" do
|
9
|
+
it "returns four values unaltered" do
|
10
|
+
expect(".four-values-a").to have_rule("padding: 10px 20px 30px 40px")
|
11
|
+
end
|
12
|
+
|
13
|
+
it "returns four values when the left and right values are not equal" do
|
14
|
+
expect(".four-values-b").to have_rule("padding: 5px 10px 5px 20px")
|
15
|
+
end
|
16
|
+
|
17
|
+
it "compacts four values to two values when the top/bottom and " +
|
18
|
+
"left/right values are equal" do
|
19
|
+
expect(".two-values").to have_rule("padding: 50px 100px")
|
20
|
+
end
|
21
|
+
|
22
|
+
it "compacts four values to one value when they all match" do
|
23
|
+
expect(".one-value").to have_rule("padding: 10px")
|
24
|
+
end
|
25
|
+
|
26
|
+
it "skips null values" do
|
27
|
+
expect(".null-value").to have_rule("padding: 10px 20px")
|
28
|
+
end
|
29
|
+
end
|
30
|
+
end
|
@@ -0,0 +1,23 @@
|
|
1
|
+
require "spec_helper"
|
2
|
+
|
3
|
+
describe "contrast-ratio" do
|
4
|
+
before(:all) do
|
5
|
+
ParserSupport.parse_file("utilities/contrast-ratio")
|
6
|
+
end
|
7
|
+
|
8
|
+
context "calculates between white and black" do
|
9
|
+
it "outputs the contrast ratio" do
|
10
|
+
rule = "content: 21;"
|
11
|
+
|
12
|
+
expect(".contrast-ratio-black").to have_ruleset(rule)
|
13
|
+
end
|
14
|
+
end
|
15
|
+
|
16
|
+
context "calculates between white and blue" do
|
17
|
+
it "outputs the contrast ratio" do
|
18
|
+
rule = "content: 8.59247;"
|
19
|
+
|
20
|
+
expect(".contrast-ratio-blue").to have_ruleset(rule)
|
21
|
+
end
|
22
|
+
end
|
23
|
+
end
|
@@ -0,0 +1,28 @@
|
|
1
|
+
require "spec_helper"
|
2
|
+
|
3
|
+
describe "directional-property" do
|
4
|
+
before(:all) do
|
5
|
+
ParserSupport.parse_file("utilities/directional-property")
|
6
|
+
end
|
7
|
+
|
8
|
+
context "directional-property" do
|
9
|
+
it "returns property and values with four distinct lengths" do
|
10
|
+
expect(".border-all").to have_rule("border-width: 2px 5px 8px 12px")
|
11
|
+
end
|
12
|
+
|
13
|
+
it "returns property and value with one length" do
|
14
|
+
expect(".border-top").to have_rule("border-top: 10px")
|
15
|
+
end
|
16
|
+
|
17
|
+
it "returns property and value with vertical and horizontal values" do
|
18
|
+
expect(".border-color").to have_rule("border-color: #fff #000")
|
19
|
+
end
|
20
|
+
|
21
|
+
it "returns properties for top and bottom margin" do
|
22
|
+
ruleset = "margin-top: 20px; " +
|
23
|
+
"margin-bottom: 10px;"
|
24
|
+
|
25
|
+
expect(".margin-null").to have_ruleset(ruleset)
|
26
|
+
end
|
27
|
+
end
|
28
|
+
end
|