bourbon 5.0.0.beta.6 → 5.0.0.beta.7
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 +11 -0
- data/.github/PULL_REQUEST_TEMPLATE.md +5 -0
- data/CHANGELOG.md +32 -1
- data/README.md +111 -44
- data/RELEASING.md +3 -2
- data/bourbon.gemspec +3 -5
- data/bower.json +2 -2
- data/core/_bourbon.scss +8 -6
- data/core/bourbon/library/_border-color.scss +8 -7
- data/core/bourbon/library/_border-radius.scss +12 -12
- data/core/bourbon/library/_border-style.scss +8 -7
- data/core/bourbon/library/_border-width.scss +8 -7
- data/core/bourbon/library/_buttons.scss +4 -4
- data/core/bourbon/library/_clearfix.scss +2 -2
- data/core/bourbon/library/_contrast-switch.scss +36 -14
- data/core/bourbon/library/_ellipsis.scss +1 -1
- data/core/bourbon/library/_font-face.scss +5 -4
- data/core/bourbon/library/_font-stacks.scss +170 -8
- data/core/bourbon/library/_hide-text.scss +2 -2
- data/core/bourbon/library/_hide-visually.scss +4 -2
- data/core/bourbon/library/_margin.scss +17 -14
- data/core/bourbon/library/_modular-scale.scss +28 -20
- data/core/bourbon/library/_overflow-wrap.scss +24 -0
- data/core/bourbon/library/_padding.scss +12 -10
- data/core/bourbon/library/_position.scss +30 -20
- data/core/bourbon/library/_prefixer.scss +1 -1
- data/core/bourbon/library/_shade.scss +1 -1
- data/core/bourbon/library/_size.scss +7 -5
- data/core/bourbon/library/_strip-unit.scss +1 -1
- data/core/bourbon/library/_text-inputs.scss +5 -5
- data/core/bourbon/library/_timing-functions.scss +1 -1
- data/core/bourbon/library/_tint.scss +1 -1
- data/core/bourbon/library/_triangle.scss +1 -1
- data/core/bourbon/library/_value-prefixer.scss +1 -1
- data/core/bourbon/settings/_settings.scss +28 -4
- data/core/bourbon/utilities/{_collapse-directionals.scss → _compact-shorthand.scss} +6 -18
- data/core/bourbon/utilities/_contrast-ratio.scss +31 -0
- data/core/bourbon/utilities/_directional-property.scss +71 -0
- data/core/bourbon/utilities/_font-source-declaration.scss +1 -1
- data/core/bourbon/utilities/_gamma.scss +21 -0
- data/core/bourbon/utilities/_lightness.scss +24 -0
- data/core/bourbon/utilities/{_unpack.scss → _unpack-shorthand.scss} +4 -4
- data/core/bourbon/validators/_contains-falsy.scss +1 -1
- data/lib/bourbon/version.rb +1 -1
- data/package.json +2 -2
- data/spec/bourbon/library/font_stacks_spec.rb +6 -4
- data/spec/bourbon/library/hide_visually_spec.rb +2 -0
- data/spec/bourbon/library/overflow_wrap_spec.rb +27 -0
- data/spec/bourbon/utilities/compact_shorthand_spec.rb +30 -0
- data/spec/bourbon/utilities/{directional_values_spec.rb → directional_property_spec.rb} +9 -2
- data/spec/fixtures/library/overflow-wrap.scss +9 -0
- data/spec/fixtures/library/position.scss +0 -4
- data/spec/fixtures/utilities/compact-shorthand.scss +21 -0
- data/spec/fixtures/utilities/{directional-values.scss → directional-property.scss} +4 -0
- data/spec/fixtures/utilities/unpack.scss +4 -4
- metadata +26 -28
- data/core/bourbon/library/_word-wrap.scss +0 -29
- data/core/bourbon/utilities/_directional-values.scss +0 -58
- data/core/bourbon/validators/_is-light.scss +0 -23
- data/spec/bourbon/library/word_wrap_spec.rb +0 -29
- data/spec/bourbon/utilities/collapse_directionals.rb +0 -25
- data/spec/bourbon/validators/is_light_spec.rb +0 -37
- data/spec/fixtures/library/word-wrap.scss +0 -9
- data/spec/fixtures/utilities/collapse-directionals.scss +0 -17
- data/spec/fixtures/validators/is-light.scss +0 -29
@@ -1,17 +0,0 @@
|
|
1
|
-
@import "setup";
|
2
|
-
|
3
|
-
.four {
|
4
|
-
padding: _collapse-directionals(10px 20px 30px 40px);
|
5
|
-
}
|
6
|
-
|
7
|
-
.three {
|
8
|
-
padding: _collapse-directionals(5px 10px 5px 20px);
|
9
|
-
}
|
10
|
-
|
11
|
-
.two {
|
12
|
-
padding: _collapse-directionals(50px 100px 50px 100px);
|
13
|
-
}
|
14
|
-
|
15
|
-
.one {
|
16
|
-
padding: _collapse-directionals(10px 10px 10px 10px);
|
17
|
-
}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
@import "setup";
|
2
|
-
|
3
|
-
@mixin reverse-color($color) {
|
4
|
-
@if _is-light($color) {
|
5
|
-
color: #000;
|
6
|
-
} @else {
|
7
|
-
color: #fff;
|
8
|
-
}
|
9
|
-
}
|
10
|
-
|
11
|
-
.pink {
|
12
|
-
@include reverse-color(#fcc);
|
13
|
-
}
|
14
|
-
|
15
|
-
.sky {
|
16
|
-
@include reverse-color(#aef);
|
17
|
-
}
|
18
|
-
|
19
|
-
.medium-gray {
|
20
|
-
@include reverse-color(#888);
|
21
|
-
}
|
22
|
-
|
23
|
-
.charcoal {
|
24
|
-
@include reverse-color(#333);
|
25
|
-
}
|
26
|
-
|
27
|
-
.translucent {
|
28
|
-
@include reverse-color(rgba(#fff, 0.1));
|
29
|
-
}
|