bourbon 6.0.0 → 7.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.circleci/config.yml +6 -16
- data/.hound.yml +1 -0
- data/.tool-versions +2 -2
- data/CHANGELOG.md +33 -3
- data/LICENSE.md +1 -1
- data/README.md +2 -13
- data/RELEASING.md +8 -9
- data/bourbon.gemspec +3 -2
- data/core/_bourbon.scss +2 -2
- data/core/bourbon/library/_contrast-switch.scss +3 -3
- data/core/bourbon/library/_font-face.scss +3 -3
- data/core/bourbon/library/_hide-visually.scss +1 -1
- data/core/bourbon/library/_overflow-wrap.scss +1 -4
- data/core/bourbon/library/_position.scss +4 -4
- data/core/bourbon/library/_shade.scss +1 -1
- data/core/bourbon/library/_size.scss +2 -2
- data/core/bourbon/library/_tint.scss +1 -1
- data/core/bourbon/library/_triangle.scss +2 -2
- data/core/bourbon/settings/_settings.scss +4 -4
- data/core/bourbon/utilities/_font-source-declaration.scss +10 -9
- data/core/bourbon/validators/_is-length.scss +8 -3
- data/core/bourbon/validators/_is-size.scss +1 -1
- data/lib/bourbon/version.rb +1 -1
- data/package-lock.json +3305 -118
- data/package.json +5 -3
- data/spec/bourbon/library/font_face_spec_1.rb +2 -2
- data/spec/bourbon/library/font_face_spec_2.rb +2 -3
- data/spec/bourbon/library/font_face_spec_3.rb +1 -1
- data/spec/bourbon/utilities/font_source_declaration_spec.rb +4 -10
- data/spec/bourbon/validators/is_length_spec.rb +12 -0
- data/spec/fixtures/utilities/font-source-declaration.scss +1 -1
- data/spec/fixtures/validators/is-length.scss +8 -0
- data/spec/support/sass_support.rb +2 -2
- metadata +25 -15
- data/spec/bourbon/library/font_face_spec_4.rb +0 -17
- data/spec/fixtures/library/font-face-4.scss +0 -7
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 9643a51902ac7ed19eb9ec07b9b4ce3edf9930dd8c9bf0614f0aa26015f5fc67
|
|
4
|
+
data.tar.gz: e062e0e0e72a55e3f707e6cb4aaa8e584a5b2e2db6673da4b95702ef4eeb34f4
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3ff945a5d401efaaab35635c245e823b2085424adbcb8bddc23fb574d56fdc43af50f29f895c48774f99547c084c5e43ce4f9a8b4abcc4072adc32ea97cd2582
|
|
7
|
+
data.tar.gz: 25770a307ff47b90edf8a223c7601fd819917657104ddefc45fdc0f1ac0678f89fb97b25415569e8f962d90abbfc40eebfcfcc5ec58ca73f05a152d847632869
|
data/.circleci/config.yml
CHANGED
|
@@ -1,34 +1,24 @@
|
|
|
1
1
|
version: 2
|
|
2
|
-
|
|
3
2
|
jobs:
|
|
4
3
|
build:
|
|
5
4
|
docker:
|
|
6
|
-
- image: circleci/ruby:2.6.
|
|
7
|
-
|
|
5
|
+
- image: circleci/ruby:2.6.5-node
|
|
8
6
|
steps:
|
|
9
7
|
- checkout
|
|
10
|
-
|
|
11
8
|
- restore_cache:
|
|
12
9
|
keys:
|
|
13
|
-
- bourbon-
|
|
14
|
-
|
|
10
|
+
- bourbon-bundle-v1-{{ checksum "bourbon.gemspec" }}
|
|
11
|
+
- bourbon-bundle-v1-
|
|
15
12
|
- run:
|
|
16
|
-
name:
|
|
13
|
+
name: Run Bundler
|
|
17
14
|
command: bundle install --path vendor/bundle
|
|
18
|
-
|
|
19
|
-
- run:
|
|
20
|
-
name: Install SassDoc
|
|
21
|
-
command: sudo npm install -g sassdoc@2.5.0
|
|
22
|
-
|
|
23
15
|
- save_cache:
|
|
24
|
-
key: bourbon-
|
|
16
|
+
key: bourbon-bundle-v1-{{ checksum "bourbon.gemspec" }}
|
|
25
17
|
paths:
|
|
26
18
|
- vendor/bundle
|
|
27
|
-
|
|
28
19
|
- run:
|
|
29
20
|
name: Run the tests
|
|
30
21
|
command: bundle exec rake
|
|
31
|
-
|
|
32
22
|
- run:
|
|
33
23
|
name: Parse SassDoc comments
|
|
34
|
-
command:
|
|
24
|
+
command: npm run sassdoc
|
data/.hound.yml
CHANGED
data/.tool-versions
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
ruby 2.6.
|
|
2
|
-
nodejs
|
|
1
|
+
ruby 2.6.5
|
|
2
|
+
nodejs 12.16.1
|
data/CHANGELOG.md
CHANGED
|
@@ -3,11 +3,41 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file. This
|
|
4
4
|
project adheres to [Semantic Versioning](http://semver.org).
|
|
5
5
|
|
|
6
|
-
## [
|
|
6
|
+
## [7.2.0] - 2022-02-22
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
### Changed
|
|
9
|
+
|
|
10
|
+
- Revert "Replace `/` with `math.div` per Dart Sass 2.0.0 updates."
|
|
11
|
+
|
|
12
|
+
[7.2.0]: https://github.com/thoughtbot/bourbon/compare/v7.1.0...v7.2.0
|
|
13
|
+
|
|
14
|
+
## [7.1.0] - 2022-02-22
|
|
15
|
+
|
|
16
|
+
### Changed
|
|
17
|
+
|
|
18
|
+
- Replace `/` with `math.div` per Dart Sass 2.0.0 updates.
|
|
19
|
+
|
|
20
|
+
[7.1.0]: https://github.com/thoughtbot/bourbon/compare/v7.0.0...v7.1.0
|
|
21
|
+
|
|
22
|
+
## [7.0.0] - 2020-03-09
|
|
23
|
+
|
|
24
|
+
### Added
|
|
25
|
+
|
|
26
|
+
- Improved error handling of unsupported font file formats in the `font-face`
|
|
27
|
+
mixin (supported formats are `woff2` and `woff`).
|
|
28
|
+
- CSS `var()` and `env()` functions are now accepted as values in the
|
|
29
|
+
`position` and `size` mixins.
|
|
30
|
+
|
|
31
|
+
### Changed
|
|
32
|
+
|
|
33
|
+
- Updated `thor` from 0.x to 1.x
|
|
34
|
+
|
|
35
|
+
### Removed
|
|
36
|
+
|
|
37
|
+
- The `font-face` mixin no longer supports `ttf`, `svg`, and `eot`
|
|
38
|
+
font file formats.
|
|
9
39
|
|
|
10
|
-
[
|
|
40
|
+
[7.0.0]: https://github.com/thoughtbot/bourbon/compare/v6.0.0...v7.0.0
|
|
11
41
|
|
|
12
42
|
## [6.0.0] - 2019-07-10
|
|
13
43
|
|
data/LICENSE.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
The MIT License (MIT)
|
|
2
2
|
|
|
3
|
-
Copyright © 2011-
|
|
3
|
+
Copyright © 2011-2020 [thoughtbot, inc.](http://thoughtbot.com)
|
|
4
4
|
|
|
5
5
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
6
|
of this software and associated documentation files (the “Software”), to deal
|
data/README.md
CHANGED
|
@@ -29,7 +29,6 @@ It is…
|
|
|
29
29
|
- [Installation](#installation)
|
|
30
30
|
- [Command Line Interface](#command-line-interface)
|
|
31
31
|
- [Browser Support](#browser-support)
|
|
32
|
-
- [The Bourbon Family](#the-bourbon-family)
|
|
33
32
|
- [Contributing](#contributing)
|
|
34
33
|
- [License](#license)
|
|
35
34
|
- [About](#about)
|
|
@@ -177,16 +176,6 @@ bourbon [options]
|
|
|
177
176
|
Bourbon supports Internet Explorer 11+ and the latest versions of Chrome,
|
|
178
177
|
Firefox, Safari, and Edge.
|
|
179
178
|
|
|
180
|
-
## The Bourbon Family
|
|
181
|
-
|
|
182
|
-
Bourbon is part of a larger, modular family of Sass utilities:
|
|
183
|
-
|
|
184
|
-
- [Neat]: A lightweight and flexible Sass grid
|
|
185
|
-
- [Bitters]: Scaffold styles, variables and structure for Bourbon projects
|
|
186
|
-
|
|
187
|
-
[Neat]: https://github.com/thoughtbot/neat
|
|
188
|
-
[Bitters]: https://github.com/thoughtbot/bitters
|
|
189
|
-
|
|
190
179
|
## Contributing
|
|
191
180
|
|
|
192
181
|
See the [contributing] document. Thank you, [contributors]!
|
|
@@ -196,14 +185,14 @@ See the [contributing] document. Thank you, [contributors]!
|
|
|
196
185
|
|
|
197
186
|
## License
|
|
198
187
|
|
|
199
|
-
Bourbon is copyright © 2011-
|
|
188
|
+
Bourbon is copyright © 2011-2020 [thoughtbot, inc.][thoughtbot] It is free
|
|
200
189
|
software, and may be redistributed under the terms specified in the [license].
|
|
201
190
|
|
|
202
191
|
[license]: LICENSE.md
|
|
203
192
|
|
|
204
193
|
## About
|
|
205
194
|
|
|
206
|
-
Bourbon is maintained by
|
|
195
|
+
Bourbon is maintained by the thoughtbot design team. It is funded
|
|
207
196
|
by [thoughtbot, inc.][thoughtbot] and the names and logos for thoughtbot are
|
|
208
197
|
trademarks of thoughtbot, inc.
|
|
209
198
|
|
data/RELEASING.md
CHANGED
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
- `core/_bourbon.scss`
|
|
7
7
|
- `package.json`
|
|
8
8
|
|
|
9
|
-
1. Update `CHANGELOG.md`. We follow the guidelines from
|
|
9
|
+
1. Update `CHANGELOG.md`. We follow the guidelines from
|
|
10
|
+
[Keep a Changelog][keep-a-changelog].
|
|
10
11
|
|
|
11
12
|
1. Commit changes. Use the convention “Bourbon vX.X.X” in your commit message.
|
|
12
13
|
There shouldn’t be code changes, and thus CI doesn’t need to run.
|
|
@@ -17,17 +18,15 @@
|
|
|
17
18
|
1. Run `npm publish`, which pushes the new version to npm’s registry (if
|
|
18
19
|
releasing a pre-release, run `npm publish --tag beta`).
|
|
19
20
|
|
|
20
|
-
1. Draft a [new GitHub release][github-release].
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
1. Draft a [new GitHub release][github-release].
|
|
22
|
+
|
|
23
|
+
1. Tweet about the release from the [@bourbonsass] Twitter account, e.g.
|
|
23
24
|
|
|
24
25
|
> We’ve released Bourbon {release_title}: {release_link}
|
|
25
26
|
|
|
26
|
-
1. Re-generate and publish the [documentation website]
|
|
27
|
-
Rake tasks.
|
|
27
|
+
1. Re-generate and publish the [documentation website][website].
|
|
28
28
|
|
|
29
|
-
[
|
|
29
|
+
[keep-a-changelog]: https://keepachangelog.com/en/1.0.0/
|
|
30
30
|
[github-release]: https://github.com/thoughtbot/bourbon/releases/new
|
|
31
|
-
[documentation website]: https://github.com/thoughtbot/bourbon.io
|
|
32
31
|
[@bourbonsass]: https://twitter.com/bourbonsass
|
|
33
|
-
[
|
|
32
|
+
[website]: https://github.com/thoughtbot/bourbon.io
|
data/bourbon.gemspec
CHANGED
|
@@ -5,9 +5,10 @@ Gem::Specification.new do |s|
|
|
|
5
5
|
s.add_development_dependency "aruba", "~> 0.14"
|
|
6
6
|
s.add_development_dependency "css_parser", "~> 1.4"
|
|
7
7
|
s.add_development_dependency "cucumber", "~> 2.0"
|
|
8
|
-
s.add_development_dependency "rake"
|
|
8
|
+
s.add_development_dependency "rake"
|
|
9
9
|
s.add_development_dependency "rspec", "~> 3.4"
|
|
10
|
-
s.
|
|
10
|
+
s.add_development_dependency "sass"
|
|
11
|
+
s.add_runtime_dependency "thor", "~> 1.0"
|
|
11
12
|
s.authors = [
|
|
12
13
|
"Christian Reuter",
|
|
13
14
|
"Damian Galarza",
|
data/core/_bourbon.scss
CHANGED
|
@@ -64,13 +64,13 @@
|
|
|
64
64
|
) {
|
|
65
65
|
@if not _is-color($base-color) {
|
|
66
66
|
@error "`#{$base-color}` is not a valid color for the `$base-color` " +
|
|
67
|
-
|
|
67
|
+
"argument in the `contrast-switch` function.";
|
|
68
68
|
} @else if not _is-color($dark-color) {
|
|
69
69
|
@error "`#{$dark-color}` is not a valid color for the `$dark-color` " +
|
|
70
|
-
|
|
70
|
+
"argument in the `contrast-switch` function.";
|
|
71
71
|
} @else if not _is-color($light-color) {
|
|
72
72
|
@error "`#{$light-color}` is not a valid color for the `$light-color` " +
|
|
73
|
-
|
|
73
|
+
"argument in the `contrast-switch` function.";
|
|
74
74
|
} @else {
|
|
75
75
|
$-contrast-to-dark: _contrast-ratio($base-color, $dark-color);
|
|
76
76
|
$-contrast-to-light: _contrast-ratio($base-color, $light-color);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
|
|
3
3
|
/// Generates an `@font-face` declaration. You can choose the specific file
|
|
4
|
-
/// formats you need to output; the mixin supports `
|
|
4
|
+
/// formats you need to output; the mixin supports `woff2`
|
|
5
5
|
/// and `woff`. The mixin also supports usage with the Rails Asset Pipeline,
|
|
6
6
|
/// which you can enable per use, or globally in the `$bourbon()` settings.
|
|
7
7
|
///
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
///
|
|
10
10
|
/// @argument {string} $file-path
|
|
11
11
|
///
|
|
12
|
-
/// @argument {string | list} $file-formats [("
|
|
12
|
+
/// @argument {string | list} $file-formats [("woff2", "woff")]
|
|
13
13
|
/// List of the font file formats to include. Can also be set globally using
|
|
14
14
|
/// the `global-font-file-formats` key in the Bourbon settings.
|
|
15
15
|
///
|
|
16
|
-
/// @argument {
|
|
16
|
+
/// @argument {boolean} $asset-pipeline [false]
|
|
17
17
|
/// Set to `true` if you’re using the Rails Asset Pipeline (place the fonts
|
|
18
18
|
/// in `app/assets/fonts/`). Can also be set globally using the
|
|
19
19
|
/// `rails-asset-pipeline` key in the Bourbon settings.
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
@mixin hide-visually($toggle: "hide") {
|
|
48
48
|
@if not index("hide" "unhide", $toggle) {
|
|
49
49
|
@error "`#{$toggle}` is not a valid value for the `$toggle` argument in " +
|
|
50
|
-
|
|
50
|
+
"the `hide-visually` mixin. Must be either `hide` or `unhide`.";
|
|
51
51
|
} @else if $toggle == "hide" {
|
|
52
52
|
border: 0;
|
|
53
53
|
clip: rect(1px, 1px, 1px, 1px);
|
|
@@ -18,11 +18,8 @@
|
|
|
18
18
|
/// overflow-wrap: break-word;
|
|
19
19
|
/// }
|
|
20
20
|
|
|
21
|
-
/* stylelint-disable order/properties-alphabetical-order */
|
|
22
|
-
|
|
23
21
|
@mixin overflow-wrap($wrap: break-word) {
|
|
24
22
|
word-wrap: $wrap;
|
|
23
|
+
// stylelint-disable-next-line order/properties-alphabetical-order
|
|
25
24
|
overflow-wrap: $wrap;
|
|
26
25
|
}
|
|
27
|
-
|
|
28
|
-
/* stylelint-enable */
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
) {
|
|
47
47
|
$box-edge-values: _unpack-shorthand($box-edge-values);
|
|
48
48
|
$offsets: (
|
|
49
|
-
top:
|
|
50
|
-
right:
|
|
51
|
-
bottom: nth($box-edge-values, 3),
|
|
52
|
-
left:
|
|
49
|
+
"top": nth($box-edge-values, 1),
|
|
50
|
+
"right": nth($box-edge-values, 2),
|
|
51
|
+
"bottom": nth($box-edge-values, 3),
|
|
52
|
+
"left": nth($box-edge-values, 4),
|
|
53
53
|
);
|
|
54
54
|
|
|
55
55
|
position: $position;
|
|
@@ -38,13 +38,13 @@
|
|
|
38
38
|
height: $height;
|
|
39
39
|
} @else {
|
|
40
40
|
@error "`#{$height}` is not a valid length for the `$height` argument " +
|
|
41
|
-
|
|
41
|
+
"in the `size` mixin.";
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
@if _is-size($width) {
|
|
45
45
|
width: $width;
|
|
46
46
|
} @else {
|
|
47
47
|
@error "`#{$width}` is not a valid length for the `$width` argument " +
|
|
48
|
-
|
|
48
|
+
"in the `size` mixin.";
|
|
49
49
|
}
|
|
50
50
|
}
|
|
@@ -44,10 +44,10 @@
|
|
|
44
44
|
$direction
|
|
45
45
|
) {
|
|
46
46
|
@error "Direction must be `up`, `up-right`, `right`, `down-right`, " +
|
|
47
|
-
|
|
47
|
+
"`down`, `down-left`, `left` or `up-left`.";
|
|
48
48
|
} @else if not _is-color($color) {
|
|
49
49
|
@error "`#{$color}` is not a valid color for the `$color` argument in " +
|
|
50
|
-
|
|
50
|
+
"the `triangle` mixin.";
|
|
51
51
|
} @else {
|
|
52
52
|
border-style: solid;
|
|
53
53
|
height: 0;
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
/// @property {color} contrast-switch-light-color [#fff]
|
|
12
12
|
/// Global light color for the `contrast-switch` function.
|
|
13
13
|
///
|
|
14
|
-
/// @property {list} global-font-file-formats [("
|
|
14
|
+
/// @property {list} global-font-file-formats [("woff2", "woff")]
|
|
15
15
|
/// Global font file formats for the `font-face` mixin.
|
|
16
16
|
///
|
|
17
17
|
/// @property {number (with unit)} modular-scale-base [1em]
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
$_bourbon-defaults: (
|
|
31
31
|
"contrast-switch-dark-color": #000,
|
|
32
32
|
"contrast-switch-light-color": #fff,
|
|
33
|
-
"global-font-file-formats": ("
|
|
33
|
+
"global-font-file-formats": ("woff2", "woff"),
|
|
34
34
|
"modular-scale-base": 1em,
|
|
35
35
|
"modular-scale-ratio": $major-third,
|
|
36
36
|
"rails-asset-pipeline": false,
|
|
@@ -48,7 +48,7 @@ $_bourbon-defaults: (
|
|
|
48
48
|
/// @property {color} contrast-switch-light-color [#fff]
|
|
49
49
|
/// Global light color for the `contrast-switch` function.
|
|
50
50
|
///
|
|
51
|
-
/// @property {list} global-font-file-formats [("
|
|
51
|
+
/// @property {list} global-font-file-formats [("woff2", "woff")]
|
|
52
52
|
/// Global font file formats for the `font-face` mixin.
|
|
53
53
|
///
|
|
54
54
|
/// @property {number (with unit)} modular-scale-base [1em]
|
|
@@ -66,7 +66,7 @@ $_bourbon-defaults: (
|
|
|
66
66
|
/// $bourbon: (
|
|
67
67
|
/// "contrast-switch-dark-color": #000,
|
|
68
68
|
/// "contrast-switch-light-color": #fff,
|
|
69
|
-
/// "global-font-file-formats": ("
|
|
69
|
+
/// "global-font-file-formats": ("woff2", "woff"),
|
|
70
70
|
/// "modular-scale-base": 1em,
|
|
71
71
|
/// "modular-scale-ratio": $major-third,
|
|
72
72
|
/// "rails-asset-pipeline": false,
|
|
@@ -27,23 +27,24 @@
|
|
|
27
27
|
$src: ();
|
|
28
28
|
|
|
29
29
|
$formats-map: (
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
woff: "#{$file-path}.woff" format("woff"),
|
|
33
|
-
ttf: "#{$file-path}.ttf" format("truetype"),
|
|
34
|
-
svg: "#{$file-path}.svg##{$font-family}" format("svg"),
|
|
30
|
+
"woff2": "#{$file-path}.woff2" format("woff2"),
|
|
31
|
+
"woff": "#{$file-path}.woff" format("woff"),
|
|
35
32
|
);
|
|
36
33
|
|
|
37
|
-
@each $
|
|
38
|
-
@if _contains($
|
|
39
|
-
$
|
|
40
|
-
$
|
|
34
|
+
@each $format in $file-formats {
|
|
35
|
+
@if _contains(map-keys($formats-map), $format) {
|
|
36
|
+
$value: map-get($formats-map, $format);
|
|
37
|
+
$file-path: nth($value, 1);
|
|
38
|
+
$font-format: nth($value, 2);
|
|
41
39
|
|
|
42
40
|
@if $asset-pipeline == true {
|
|
43
41
|
$src: append($src, font-url($file-path) $font-format, comma);
|
|
44
42
|
} @else {
|
|
45
43
|
$src: append($src, url($file-path) $font-format, comma);
|
|
46
44
|
}
|
|
45
|
+
} @else {
|
|
46
|
+
@error "`#{$file-formats}` contains an unsupported font file format. " +
|
|
47
|
+
"Must be `woff` and/or `woff2`.";
|
|
47
48
|
}
|
|
48
49
|
}
|
|
49
50
|
|
|
@@ -9,7 +9,12 @@
|
|
|
9
9
|
/// @access private
|
|
10
10
|
|
|
11
11
|
@function _is-length($value) {
|
|
12
|
-
@return type-of($value) != "null"
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
@return type-of($value) != "null"
|
|
13
|
+
and (
|
|
14
|
+
str-slice($value + "", 1, 4) == "calc"
|
|
15
|
+
or str-slice($value + "", 1, 3) == "var"
|
|
16
|
+
or str-slice($value + "", 1, 3) == "env"
|
|
17
|
+
or index(auto inherit initial 0, $value)
|
|
18
|
+
or (type-of($value) == "number" and not(unitless($value)))
|
|
19
|
+
);
|
|
15
20
|
}
|
data/lib/bourbon/version.rb
CHANGED