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
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d61bf764752cdfdf2794302391819b90097fb223
|
4
|
+
data.tar.gz: 34fc66629ac42632c0e340ea778f8d7050afadfc
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 53123da272eb3e079700ae75d87b91d793112bacc1ce0df2488fe837ae80be6ccf67d4aed72fabe8b675e4820ee75d4e5efc7fb4d7fcd2d21a114caf2ce20463
|
7
|
+
data.tar.gz: 2bb1fde59bfaba9b66f05ff2ff8e7938022c4f99f8e411c7ac6e03cb90dd0361d0eb738f60c0858b74e6e2f30953b648743109e4cfc189bb635c2adb221cebbd
|
data/CHANGELOG.md
CHANGED
@@ -5,7 +5,38 @@ project adheres to [Semantic Versioning](http://semver.org).
|
|
5
5
|
|
6
6
|
## [Unreleased]
|
7
7
|
|
8
|
-
|
8
|
+
Nothing at the moment.
|
9
|
+
|
10
|
+
[Unreleased]: https://github.com/thoughtbot/bourbon/compare/v5.0.0.beta.7...HEAD
|
11
|
+
|
12
|
+
## [5.0.0-beta.7] - 2016-11-03
|
13
|
+
|
14
|
+
### Added
|
15
|
+
|
16
|
+
- Added `white-space: nowrap;` to the `hide-visually` mixin so that content
|
17
|
+
renders on one line and is correctly pronounced by screen readers.
|
18
|
+
|
19
|
+
### Changed
|
20
|
+
|
21
|
+
- Removed the default values from the `$position` and `$coordinates` arguments
|
22
|
+
for the `position` mixin.
|
23
|
+
- Updated `contrast-switch` to calculate contrast based on the WCAG 2.0
|
24
|
+
specification. Please note that it is an approximation and we cannot guarantee
|
25
|
+
full compliance, though all of our manual testing passed.
|
26
|
+
- Renamed the `$coordinates` argument in the `position` mixin
|
27
|
+
to `$box-edge-values`.
|
28
|
+
- Updated `$font-stack-system` to include Avenir Next, Avenir, Lucida
|
29
|
+
Grande, Helvetica, Noto, Franklin Gothic Medium, Century Gothic, and
|
30
|
+
Liberation Sans. This follows [system-fonts] by Adam Morse.
|
31
|
+
- The `word-break` property was removed from the `word-wrap` mixin and
|
32
|
+
is no longer output.
|
33
|
+
- Renamed the `word-wrap` mixin to `overflow-wrap` to align with the
|
34
|
+
name change in the [CSS spec].
|
35
|
+
|
36
|
+
[system-fonts]: https://github.com/mrmrs/css-system-fonts
|
37
|
+
[CSS spec]: https://drafts.csswg.org/css-text-3/#propdef-overflow-wrap
|
38
|
+
|
39
|
+
[5.0.0-beta.7]: https://github.com/thoughtbot/bourbon/compare/v5.0.0.beta.6...v5.0.0.beta.7
|
9
40
|
|
10
41
|
## [5.0.0-beta.6] - 2016-06-06
|
11
42
|
|
data/README.md
CHANGED
@@ -1,36 +1,55 @@
|
|
1
|
-
[
|
1
|
+
[<img src="https://images.thoughtbot.com/bourbon/bourbon-logo.svg" width="200" alt="Bourbon logo">][Bourbon]
|
2
2
|
|
3
|
-
|
4
|
-
[![CircleCI branch](https://img.shields.io/circleci/project/thoughtbot/bourbon/master.svg)](https://circleci.com/gh/thoughtbot/bourbon/tree/master)
|
3
|
+
## A Lightweight Sass Tool Set
|
5
4
|
|
6
|
-
|
5
|
+
[Bourbon] is a library of [Sass] mixins and functions that are designed to make
|
6
|
+
you a more efficient style sheet author.
|
7
7
|
|
8
|
-
|
8
|
+
It is…
|
9
9
|
|
10
|
-
|
10
|
+
- Dependency-free: Bourbon is pure Sass.
|
11
|
+
- Human-readable: We aim for clarity over brevity.
|
12
|
+
- Lightweight: Zero output post-install and has no visual opinion.
|
11
13
|
|
12
|
-
|
13
|
-
-
|
14
|
-
- **[Issues & Bugs](https://github.com/thoughtbot/bourbon/issues)**
|
14
|
+
The current version is **4.2.7**. The `master` branch on GitHub is version
|
15
|
+
5.0.0-beta.7.
|
15
16
|
|
16
|
-
|
17
|
-
|
17
|
+
[Bourbon]: http://bourbon.io
|
18
|
+
[Sass]: http://sass-lang.com
|
19
|
+
|
20
|
+
### Helpful Links
|
21
|
+
|
22
|
+
- [Documentation](http://bourbon.io/docs/latest/)
|
23
|
+
- [Change log](CHANGELOG.md)
|
24
|
+
- [Twitter](https://twitter.com/bourbonsass)
|
25
|
+
|
26
|
+
## Table of Contents
|
27
|
+
|
28
|
+
- [Requirements](#requirements)
|
29
|
+
- [Installation](#installation)
|
30
|
+
- [Command Line Interface](#command-line-interface)
|
31
|
+
- [Browser Support](#browser-support)
|
32
|
+
- [The Bourbon Family](#the-bourbon-family)
|
33
|
+
- [Contributing](#contributing)
|
34
|
+
- [License](#license)
|
35
|
+
- [About](#about)
|
18
36
|
|
19
37
|
## Requirements
|
20
38
|
|
21
|
-
- [Sass]
|
39
|
+
- [Sass] 3.4+ or [LibSass] 3.3+
|
22
40
|
|
23
|
-
|
41
|
+
[Sass]: https://github.com/sass/sass
|
42
|
+
[LibSass]: https://github.com/sass/libsass
|
24
43
|
|
25
|
-
|
44
|
+
## Installation
|
26
45
|
|
27
|
-
1. Install the Bourbon gem using the [RubyGems]
|
46
|
+
1. Install the Bourbon gem using the [RubyGems] package manager:
|
28
47
|
|
29
48
|
```bash
|
30
49
|
gem install bourbon
|
31
50
|
```
|
32
51
|
|
33
|
-
Alternatively, you can install Bourbon with [Bower]
|
52
|
+
Alternatively, you can install Bourbon with [Bower].
|
34
53
|
|
35
54
|
1. Install the Bourbon library into the current directory:
|
36
55
|
|
@@ -38,7 +57,8 @@ For command line help, visit our wiki page on Bourbon’s [command line interfac
|
|
38
57
|
bourbon install
|
39
58
|
```
|
40
59
|
|
41
|
-
**Pro Tip:** You can target installation into a specific directory using the
|
60
|
+
**Pro Tip:** You can target installation into a specific directory using the
|
61
|
+
`path` flag:
|
42
62
|
|
43
63
|
```bash
|
44
64
|
bourbon install --path my/custom/path/
|
@@ -50,14 +70,19 @@ For command line help, visit our wiki page on Bourbon’s [command line interfac
|
|
50
70
|
@import "bourbon/bourbon";
|
51
71
|
```
|
52
72
|
|
53
|
-
It’s not recommended
|
73
|
+
It’s not recommended that you modify Bourbon’s files directly as it will make
|
74
|
+
updating to future versions difficult, by overwriting your custom changes or
|
75
|
+
causing merge conflicts.
|
54
76
|
|
55
|
-
|
77
|
+
[RubyGems]: https://rubygems.org
|
78
|
+
[Bower]: http://bower.io
|
79
|
+
|
80
|
+
### Installation for Ruby on Rails 4.2+
|
56
81
|
|
57
82
|
1. Add Bourbon to your Gemfile:
|
58
83
|
|
59
84
|
```ruby
|
60
|
-
gem
|
85
|
+
gem "bourbon"
|
61
86
|
```
|
62
87
|
|
63
88
|
1. Then run:
|
@@ -72,9 +97,12 @@ For command line help, visit our wiki page on Bourbon’s [command line interfac
|
|
72
97
|
mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss
|
73
98
|
```
|
74
99
|
|
75
|
-
1. Delete _all_ Sprockets directives in `application.scss` (`require`,
|
100
|
+
1. Delete _all_ Sprockets directives in `application.scss` (`require`,
|
101
|
+
`require_tree` and `require_self`) and use Sass’s native `@import` instead
|
102
|
+
([why?][sass-import]).
|
76
103
|
|
77
|
-
1. Import Bourbon at the beginning of `application.scss`.
|
104
|
+
1. Import Bourbon at the beginning of `application.scss`. Any project styles
|
105
|
+
that utilize Bourbon’s features must be imported after Bourbon.
|
78
106
|
|
79
107
|
```scss
|
80
108
|
@import "bourbon";
|
@@ -82,9 +110,9 @@ For command line help, visit our wiki page on Bourbon’s [command line interfac
|
|
82
110
|
@import "users";
|
83
111
|
```
|
84
112
|
|
85
|
-
[
|
113
|
+
[sass-import]: http://pivotallabs.com/structure-your-sass-files-with-import
|
86
114
|
|
87
|
-
|
115
|
+
### Installing with npm and using a Node-based asset pipeline
|
88
116
|
|
89
117
|
1. Add Bourbon as a dependency:
|
90
118
|
|
@@ -92,7 +120,11 @@ For command line help, visit our wiki page on Bourbon’s [command line interfac
|
|
92
120
|
npm install --save bourbon
|
93
121
|
```
|
94
122
|
|
95
|
-
1. If you’re using [
|
123
|
+
1. If you’re using [eyeglass], skip to Step 3. Otherwise,
|
124
|
+
you’ll need to add Bourbon to your node-sass `includePaths` option.
|
125
|
+
`require("bourbon").includePaths` is an array of directories that you should
|
126
|
+
pass to node-sass. How you do this depends on how node-sass is integrated into
|
127
|
+
your project.
|
96
128
|
|
97
129
|
1. Import Bourbon into your Sass files:
|
98
130
|
|
@@ -100,7 +132,9 @@ For command line help, visit our wiki page on Bourbon’s [command line interfac
|
|
100
132
|
@import "bourbon";
|
101
133
|
```
|
102
134
|
|
103
|
-
|
135
|
+
[eyeglass]: http://eyeglass.rocks
|
136
|
+
|
137
|
+
### Installing older versions of Bourbon
|
104
138
|
|
105
139
|
1. Uninstall any Bourbon gem versions you already have:
|
106
140
|
|
@@ -108,30 +142,59 @@ For command line help, visit our wiki page on Bourbon’s [command line interfac
|
|
108
142
|
gem uninstall bourbon
|
109
143
|
```
|
110
144
|
|
111
|
-
1. Reinstall the Bourbon gem, using the `-v` flag to specify the version
|
145
|
+
1. Reinstall the Bourbon gem, using the `-v` flag to specify the version
|
146
|
+
you need:
|
112
147
|
|
113
148
|
```bash
|
114
149
|
gem install bourbon -v 3.2.4
|
115
150
|
```
|
116
151
|
|
117
|
-
1. Follow the [instructions above](#installation) to install Bourbon into
|
152
|
+
1. Follow the [instructions above](#installation) to install Bourbon into
|
153
|
+
your project.
|
154
|
+
|
155
|
+
## Command Line Interface
|
156
|
+
|
157
|
+
```bash
|
158
|
+
bourbon [options]
|
159
|
+
```
|
160
|
+
|
161
|
+
### Options
|
162
|
+
|
163
|
+
| Option | Description |
|
164
|
+
| :---------------- | :------------------------ |
|
165
|
+
| `-h`, `--help` | Show help |
|
166
|
+
| `-v`, `--version` | Show the version number |
|
167
|
+
| `--path` | Specify a custom path |
|
168
|
+
| `--force` | Force install (overwrite) |
|
169
|
+
|
170
|
+
### Commands
|
171
|
+
|
172
|
+
| Command | Description |
|
173
|
+
| :---------------- | :---------------------------------------------------- |
|
174
|
+
| `bourbon install` | Install Bourbon into the current directory |
|
175
|
+
| `bourbon update` | Overwrite and update Bourbon in the current directory |
|
176
|
+
| `bourbon help` | Show help |
|
177
|
+
|
178
|
+
## Browser Support
|
118
179
|
|
119
|
-
|
180
|
+
Bourbon supports Internet Explorer 11+ and the latest versions of Chrome,
|
181
|
+
Firefox, Safari, and Edge.
|
120
182
|
|
121
|
-
|
122
|
-
- Firefox 29+
|
123
|
-
- Internet Explorer 9+
|
124
|
-
- Opera 15+
|
125
|
-
- Safari 6.1+
|
183
|
+
## The Bourbon Family
|
126
184
|
|
127
|
-
|
185
|
+
Bourbon is part of a larger, modular family of Sass utilities:
|
128
186
|
|
129
|
-
- [Bourbon](https://github.com/thoughtbot/bourbon): A
|
130
|
-
- [Neat](https://github.com/thoughtbot/neat): A lightweight semantic grid
|
131
|
-
|
132
|
-
- [
|
187
|
+
- [Bourbon](https://github.com/thoughtbot/bourbon): A lightweight Sass tool set
|
188
|
+
- [Neat](https://github.com/thoughtbot/neat): A lightweight semantic grid
|
189
|
+
framework for Sass and Bourbon
|
190
|
+
- [Bitters](https://github.com/thoughtbot/bitters): Scaffold styles, variables
|
191
|
+
and structure for Bourbon projects
|
192
|
+
- [Refills](https://github.com/thoughtbot/refills): Prepackaged patterns and
|
193
|
+
components built with Bourbon, Neat and Bitters
|
133
194
|
|
134
|
-
|
195
|
+
Be sure to also check out [Proteus](https://github.com/thoughtbot/proteus), a
|
196
|
+
collection of useful starter kits to help you prototype faster. Each kit comes
|
197
|
+
with Bourbon, Neat and Bitters out-of-the-box.
|
135
198
|
|
136
199
|
## Contributing
|
137
200
|
|
@@ -142,17 +205,21 @@ See the [contributing] document. Thank you, [contributors]!
|
|
142
205
|
|
143
206
|
## License
|
144
207
|
|
145
|
-
Bourbon is copyright © 2011 [thoughtbot, inc.][thoughtbot] It is free software,
|
208
|
+
Bourbon is copyright © 2011 [thoughtbot, inc.][thoughtbot] It is free software,
|
209
|
+
and may be redistributed under the terms specified in the [license].
|
146
210
|
|
147
211
|
[license]: LICENSE.md
|
148
212
|
|
149
213
|
## About
|
150
214
|
|
151
|
-
Bourbon is maintained by Tyson Gach and the thoughtbot design team. It is funded
|
215
|
+
Bourbon is maintained by Tyson Gach and the thoughtbot design team. It is funded
|
216
|
+
by [thoughtbot, inc.][thoughtbot] and the names and logos for thoughtbot are
|
217
|
+
trademarks of thoughtbot, inc.
|
152
218
|
|
153
|
-
[<img src="http://thoughtbot.
|
219
|
+
[<img src="http://presskit.thoughtbot.com/images/signature.svg" width="250" alt="thoughtbot logo">][thoughtbot]
|
154
220
|
|
155
|
-
We love open-source software! See [our other projects][community] or
|
221
|
+
We love open-source software! See [our other projects][community] or
|
222
|
+
[hire us][hire] to design, develop, and grow your product.
|
156
223
|
|
157
224
|
[thoughtbot]: https://thoughtbot.com?utm_source=github
|
158
225
|
[community]: https://thoughtbot.com/community?utm_source=github
|
data/RELEASING.md
CHANGED
@@ -5,14 +5,15 @@
|
|
5
5
|
- `core/_bourbon.scss`
|
6
6
|
- `package.json`
|
7
7
|
- `bower.json`
|
8
|
+
- `README.md`
|
8
9
|
|
9
10
|
1. Update `CHANGELOG.md`. We follow the guidelines from [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.
|
13
14
|
|
14
|
-
1. Run `bundle exec rake release`, which tags the release, pushes the tag to
|
15
|
-
pushes the gem to RubyGems.org.
|
15
|
+
1. Run `bundle exec rake release`, which tags the release, pushes the tag to
|
16
|
+
GitHub, and pushes the gem to RubyGems.org.
|
16
17
|
|
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`).
|
data/bourbon.gemspec
CHANGED
@@ -22,10 +22,8 @@ Gem::Specification.new do |s|
|
|
22
22
|
"Will McMahan"
|
23
23
|
]
|
24
24
|
s.description = <<-DESC
|
25
|
-
Bourbon is a library of pure Sass mixins that are designed to
|
26
|
-
|
27
|
-
vanilla as possible, meaning they should be as close to the original
|
28
|
-
CSS syntax as possible.
|
25
|
+
Bourbon is a library of pure Sass mixins and functions that are designed to
|
26
|
+
make you a more efficient developer.
|
29
27
|
DESC
|
30
28
|
s.email = "design+bourbon@thoughtbot.com"
|
31
29
|
s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
|
@@ -35,7 +33,7 @@ Gem::Specification.new do |s|
|
|
35
33
|
s.name = "bourbon"
|
36
34
|
s.platform = Gem::Platform::RUBY
|
37
35
|
s.require_paths = ["lib"]
|
38
|
-
s.summary = "A
|
36
|
+
s.summary = "A lightweight Sass tool set."
|
39
37
|
s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
|
40
38
|
s.version = Bourbon::VERSION
|
41
39
|
end
|
data/bower.json
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
"authors": [
|
3
3
|
"thoughtbot (http://thoughtbot.com)"
|
4
4
|
],
|
5
|
-
"description": "A
|
5
|
+
"description": "A lightweight Sass tool set.",
|
6
6
|
"homepage": "http://bourbon.io",
|
7
7
|
"ignore": [
|
8
8
|
"**/.*",
|
@@ -34,5 +34,5 @@
|
|
34
34
|
"type": "git",
|
35
35
|
"url": "https://github.com/thoughtbot/bourbon.git"
|
36
36
|
},
|
37
|
-
"version": "5.0.0-beta.
|
37
|
+
"version": "5.0.0-beta.7"
|
38
38
|
}
|
data/core/_bourbon.scss
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
// Bourbon 5.0.0-beta.
|
1
|
+
// Bourbon 5.0.0-beta.7
|
2
2
|
// http://bourbon.io
|
3
3
|
// Copyright 2011 thoughtbot, inc.
|
4
4
|
// MIT License
|
@@ -13,16 +13,18 @@
|
|
13
13
|
@import "bourbon/validators/contains-falsy";
|
14
14
|
@import "bourbon/validators/is-color";
|
15
15
|
@import "bourbon/validators/is-length";
|
16
|
-
@import "bourbon/validators/is-light";
|
17
16
|
@import "bourbon/validators/is-number";
|
18
17
|
@import "bourbon/validators/is-size";
|
19
18
|
|
20
19
|
@import "bourbon/utilities/assign-inputs";
|
21
|
-
@import "bourbon/utilities/
|
22
|
-
@import "bourbon/utilities/directional-
|
20
|
+
@import "bourbon/utilities/compact-shorthand";
|
21
|
+
@import "bourbon/utilities/directional-property";
|
23
22
|
@import "bourbon/utilities/font-source-declaration";
|
23
|
+
@import "bourbon/utilities/gamma";
|
24
|
+
@import "bourbon/utilities/lightness";
|
25
|
+
@import "bourbon/utilities/contrast-ratio";
|
24
26
|
@import "bourbon/utilities/retrieve-bourbon-setting";
|
25
|
-
@import "bourbon/utilities/unpack";
|
27
|
+
@import "bourbon/utilities/unpack-shorthand";
|
26
28
|
|
27
29
|
@import "bourbon/library/border-color";
|
28
30
|
@import "bourbon/library/border-radius";
|
@@ -38,6 +40,7 @@
|
|
38
40
|
@import "bourbon/library/hide-visually";
|
39
41
|
@import "bourbon/library/margin";
|
40
42
|
@import "bourbon/library/modular-scale";
|
43
|
+
@import "bourbon/library/overflow-wrap";
|
41
44
|
@import "bourbon/library/padding";
|
42
45
|
@import "bourbon/library/position";
|
43
46
|
@import "bourbon/library/prefixer";
|
@@ -49,4 +52,3 @@
|
|
49
52
|
@import "bourbon/library/tint";
|
50
53
|
@import "bourbon/library/triangle";
|
51
54
|
@import "bourbon/library/value-prefixer";
|
52
|
-
@import "bourbon/library/word-wrap";
|
@@ -1,17 +1,18 @@
|
|
1
1
|
@charset "UTF-8";
|
2
2
|
|
3
|
-
/// Provides a
|
4
|
-
/// box. Use a `null` value to “skip”
|
3
|
+
/// Provides a concise, one-line method for setting `border-color` on specific
|
4
|
+
/// edges of a box. Use a `null` value to “skip” edges of the box with standard
|
5
|
+
/// CSS shorthand.
|
5
6
|
///
|
6
|
-
/// @argument {
|
7
|
-
/// List of colors
|
7
|
+
/// @argument {list} $values
|
8
|
+
/// List of colors; accepts CSS shorthand.
|
8
9
|
///
|
9
10
|
/// @example scss
|
10
11
|
/// .element {
|
11
12
|
/// @include border-color(#a60b55 #76cd9c null #e8ae1a);
|
12
13
|
/// }
|
13
14
|
///
|
14
|
-
///
|
15
|
+
/// // CSS Output
|
15
16
|
/// .element {
|
16
17
|
/// border-left-color: #e8ae1a;
|
17
18
|
/// border-right-color: #76cd9c;
|
@@ -20,6 +21,6 @@
|
|
20
21
|
///
|
21
22
|
/// @require {mixin} _directional-property
|
22
23
|
|
23
|
-
@mixin border-color($values
|
24
|
-
@include _directional-property(border, color, $values
|
24
|
+
@mixin border-color($values) {
|
25
|
+
@include _directional-property(border, color, $values);
|
25
26
|
}
|