bourbon 5.0.1 → 7.1.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 +5 -5
- data/.circleci/config.yml +6 -16
- data/.hound.yml +4 -1
- data/.npmignore +2 -3
- data/.stylelintrc.json +3 -0
- data/.tool-versions +2 -1
- data/CHANGELOG.md +46 -3
- data/CONTRIBUTING.md +5 -1
- data/LICENSE.md +1 -1
- data/README.md +4 -20
- data/RELEASING.md +8 -11
- data/bourbon.gemspec +3 -4
- data/core/_bourbon.scss +2 -2
- data/core/bourbon/helpers/_scales.scss +16 -16
- data/core/bourbon/library/_contrast-switch.scss +3 -3
- data/core/bourbon/library/_font-face.scss +6 -6
- data/core/bourbon/library/_font-stacks.scss +2 -3
- data/core/bourbon/library/_hide-visually.scss +1 -1
- data/core/bourbon/library/_modular-scale.scss +7 -5
- data/core/bourbon/library/_overflow-wrap.scss +1 -0
- 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/_strip-unit.scss +3 -1
- data/core/bourbon/library/_timing-functions.scss +24 -26
- data/core/bourbon/library/_tint.scss +1 -1
- data/core/bourbon/library/_triangle.scss +6 -6
- data/core/bourbon/settings/_settings.scss +4 -4
- data/core/bourbon/utilities/_compact-shorthand.scss +9 -6
- data/core/bourbon/utilities/_contrast-ratio.scss +4 -2
- data/core/bourbon/utilities/_directional-property.scss +4 -6
- data/core/bourbon/utilities/_font-source-declaration.scss +10 -9
- data/core/bourbon/utilities/_gamma.scss +10 -5
- data/core/bourbon/utilities/_lightness.scss +5 -3
- 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/lib/bourbon.rb +6 -3
- data/package-lock.json +6636 -0
- data/package.json +8 -1
- 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/library/font_stacks_spec.rb +4 -4
- data/spec/bourbon/utilities/font_source_declaration_spec.rb +4 -10
- data/spec/bourbon/utilities/gamma_spec.rb +1 -1
- data/spec/bourbon/utilities/lightness_spec.rb +1 -1
- 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 +19 -39
- data/.ruby-version +0 -1
- data/.scss-lint.yml +0 -247
- data/bower.json +0 -39
- 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
|
-
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: c87e2acc7b1af15685893f8f83a8c183e1381b8ff30a0fab0c5d9a2ef70a5ff2
|
4
|
+
data.tar.gz: 8cecaee3084f07ef007113283afb73ae8c7bb10ae5b05445a8e8be4e5315beef
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a428a5d4256f45836857fb9d48aed0734785e29b3c0d4a4a8019580b3bacc554d5ccdf087d86151e8aed304fbecbb3a6207ea21754b6618b572e85d252b2e0a6
|
7
|
+
data.tar.gz: b79486ca42cc50e3a741db15e62b14e16d114719fa602cdaa73e86c09cb40c5e66652ad31cd40d651711adfb33513d32085528073af848072654c9f48a2ca8cb
|
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.
|
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/.npmignore
CHANGED
data/.stylelintrc.json
ADDED
data/.tool-versions
CHANGED
@@ -1 +1,2 @@
|
|
1
|
-
ruby 2.
|
1
|
+
ruby 2.6.5
|
2
|
+
nodejs 12.16.1
|
data/CHANGELOG.md
CHANGED
@@ -3,11 +3,54 @@
|
|
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.1.0] - 2022-02-22
|
7
7
|
|
8
|
-
|
8
|
+
### Changed
|
9
|
+
|
10
|
+
- Replace `/` with `math.div` per Dart Sass 2.0.0 updates.
|
11
|
+
|
12
|
+
[7.1.0]: https://github.com/thoughtbot/bourbon/compare/v7.0.0...v7.1.0
|
13
|
+
|
14
|
+
## [7.0.0] - 2020-03-09
|
15
|
+
|
16
|
+
### Added
|
17
|
+
|
18
|
+
- Improved error handling of unsupported font file formats in the `font-face`
|
19
|
+
mixin (supported formats are `woff2` and `woff`).
|
20
|
+
- CSS `var()` and `env()` functions are now accepted as values in the
|
21
|
+
`position` and `size` mixins.
|
22
|
+
|
23
|
+
### Changed
|
24
|
+
|
25
|
+
- Updated `thor` from 0.x to 1.x
|
26
|
+
|
27
|
+
### Removed
|
28
|
+
|
29
|
+
- The `font-face` mixin no longer supports `ttf`, `svg`, and `eot`
|
30
|
+
font file formats.
|
31
|
+
|
32
|
+
[7.0.0]: https://github.com/thoughtbot/bourbon/compare/v6.0.0...v7.0.0
|
33
|
+
|
34
|
+
## [6.0.0] - 2019-07-10
|
35
|
+
|
36
|
+
### Removed
|
37
|
+
|
38
|
+
- Installation through Bower is no longer supported.
|
39
|
+
- The sass gem (the deprecated Ruby Sass) is no longer a runtime dependency.
|
40
|
+
|
41
|
+
[6.0.0]: https://github.com/thoughtbot/bourbon/compare/v5.1.0...v6.0.0
|
42
|
+
|
43
|
+
## [5.1.0] - 2018-07-20
|
44
|
+
|
45
|
+
### Added
|
46
|
+
|
47
|
+
- `$font-stack-system` now includes the `system-ui` value.
|
48
|
+
|
49
|
+
### Changed
|
50
|
+
|
51
|
+
- The `_gamma` function will use a `pow` function, if available.
|
9
52
|
|
10
|
-
[
|
53
|
+
[5.1.0]: https://github.com/thoughtbot/bourbon/compare/v5.0.1...v5.1.0
|
11
54
|
|
12
55
|
## [5.0.1] - 2018-06-08
|
13
56
|
|
data/CONTRIBUTING.md
CHANGED
@@ -59,8 +59,12 @@ Bourbon uses Sass’s SCSS syntax and aligns to
|
|
59
59
|
- Order CSS declarations alphabetically.
|
60
60
|
- No trailing whitespace.
|
61
61
|
|
62
|
+
We use [stylelint][stylelint] to lint our CSS and Sass. It's configuration can
|
63
|
+
be found in `.stylelintrc.json`. You can run stylelint from the command line via
|
64
|
+
`npm run stylelint`, or integrate it with your text editor.
|
65
|
+
|
62
66
|
[sass guide]: https://github.com/thoughtbot/guides
|
63
|
-
[
|
67
|
+
[stylelint]: https://stylelint.io/
|
64
68
|
|
65
69
|
### Documentation
|
66
70
|
|
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
@@ -1,5 +1,7 @@
|
|
1
1
|
[<img src="https://images.thoughtbot.com/bourbon/bourbon-logo.svg" width="200" alt="Bourbon logo">][Bourbon]
|
2
2
|
|
3
|
+
[](https://houndci.com)
|
4
|
+
|
3
5
|
## A Lightweight Sass Tool Set
|
4
6
|
|
5
7
|
[Bourbon] is a library of [Sass] mixins and functions that are designed to make
|
@@ -27,7 +29,6 @@ It is…
|
|
27
29
|
- [Installation](#installation)
|
28
30
|
- [Command Line Interface](#command-line-interface)
|
29
31
|
- [Browser Support](#browser-support)
|
30
|
-
- [The Bourbon Family](#the-bourbon-family)
|
31
32
|
- [Contributing](#contributing)
|
32
33
|
- [License](#license)
|
33
34
|
- [About](#about)
|
@@ -47,8 +48,6 @@ It is…
|
|
47
48
|
gem install bourbon
|
48
49
|
```
|
49
50
|
|
50
|
-
Alternatively, you can install Bourbon with [Bower].
|
51
|
-
|
52
51
|
1. Install the Bourbon library into the current directory:
|
53
52
|
|
54
53
|
```bash
|
@@ -73,7 +72,6 @@ It is…
|
|
73
72
|
changes or causing merge conflicts.
|
74
73
|
|
75
74
|
[RubyGems]: https://rubygems.org
|
76
|
-
[Bower]: http://bower.io
|
77
75
|
|
78
76
|
### Installation for Ruby on Rails 4.2+
|
79
77
|
|
@@ -130,10 +128,6 @@ It is…
|
|
130
128
|
@import "bourbon";
|
131
129
|
```
|
132
130
|
|
133
|
-
**Pro Tip:** Check out this [example gulp project][gulp-example] that
|
134
|
-
uses Bourbon and Neat.
|
135
|
-
|
136
|
-
[gulp-example]: https://github.com/thoughtbot/gulp-bourbon-neat-example
|
137
131
|
[eyeglass]: https://github.com/sass-eyeglass/eyeglass
|
138
132
|
|
139
133
|
### Installing older versions of Bourbon
|
@@ -182,16 +176,6 @@ bourbon [options]
|
|
182
176
|
Bourbon supports Internet Explorer 11+ and the latest versions of Chrome,
|
183
177
|
Firefox, Safari, and Edge.
|
184
178
|
|
185
|
-
## The Bourbon Family
|
186
|
-
|
187
|
-
Bourbon is part of a larger, modular family of Sass utilities:
|
188
|
-
|
189
|
-
- [Neat]: A lightweight and flexible Sass grid
|
190
|
-
- [Bitters]: Scaffold styles, variables and structure for Bourbon projects
|
191
|
-
|
192
|
-
[Neat]: https://github.com/thoughtbot/neat
|
193
|
-
[Bitters]: https://github.com/thoughtbot/bitters
|
194
|
-
|
195
179
|
## Contributing
|
196
180
|
|
197
181
|
See the [contributing] document. Thank you, [contributors]!
|
@@ -201,14 +185,14 @@ See the [contributing] document. Thank you, [contributors]!
|
|
201
185
|
|
202
186
|
## License
|
203
187
|
|
204
|
-
Bourbon is copyright © 2011-
|
188
|
+
Bourbon is copyright © 2011-2020 [thoughtbot, inc.][thoughtbot] It is free
|
205
189
|
software, and may be redistributed under the terms specified in the [license].
|
206
190
|
|
207
191
|
[license]: LICENSE.md
|
208
192
|
|
209
193
|
## About
|
210
194
|
|
211
|
-
Bourbon is maintained by
|
195
|
+
Bourbon is maintained by the thoughtbot design team. It is funded
|
212
196
|
by [thoughtbot, inc.][thoughtbot] and the names and logos for thoughtbot are
|
213
197
|
trademarks of thoughtbot, inc.
|
214
198
|
|
data/RELEASING.md
CHANGED
@@ -5,10 +5,9 @@
|
|
5
5
|
- `lib/bourbon/version.rb`
|
6
6
|
- `core/_bourbon.scss`
|
7
7
|
- `package.json`
|
8
|
-
- `bower.json`
|
9
|
-
- `README.md`
|
10
8
|
|
11
|
-
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].
|
12
11
|
|
13
12
|
1. Commit changes. Use the convention “Bourbon vX.X.X” in your commit message.
|
14
13
|
There shouldn’t be code changes, and thus CI doesn’t need to run.
|
@@ -19,17 +18,15 @@
|
|
19
18
|
1. Run `npm publish`, which pushes the new version to npm’s registry (if
|
20
19
|
releasing a pre-release, run `npm publish --tag beta`).
|
21
20
|
|
22
|
-
1. Draft a [new GitHub release][github-release].
|
23
|
-
|
24
|
-
|
21
|
+
1. Draft a [new GitHub release][github-release].
|
22
|
+
|
23
|
+
1. Tweet about the release from the [@bourbonsass] Twitter account, e.g.
|
25
24
|
|
26
25
|
> We’ve released Bourbon {release_title}: {release_link}
|
27
26
|
|
28
|
-
1. Re-generate and publish the [documentation website]
|
29
|
-
Rake tasks.
|
27
|
+
1. Re-generate and publish the [documentation website][website].
|
30
28
|
|
31
|
-
[
|
29
|
+
[keep-a-changelog]: https://keepachangelog.com/en/1.0.0/
|
32
30
|
[github-release]: https://github.com/thoughtbot/bourbon/releases/new
|
33
|
-
[documentation website]: https://github.com/thoughtbot/bourbon.io
|
34
31
|
[@bourbonsass]: https://twitter.com/bourbonsass
|
35
|
-
[
|
32
|
+
[website]: https://github.com/thoughtbot/bourbon.io
|
data/bourbon.gemspec
CHANGED
@@ -5,11 +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.add_development_dependency "
|
11
|
-
s.add_runtime_dependency "
|
12
|
-
s.add_runtime_dependency "thor", "~> 0.19"
|
10
|
+
s.add_development_dependency "sass"
|
11
|
+
s.add_runtime_dependency "thor", "~> 1.0"
|
13
12
|
s.authors = [
|
14
13
|
"Christian Reuter",
|
15
14
|
"Damian Galarza",
|
data/core/_bourbon.scss
CHANGED
@@ -8,20 +8,20 @@
|
|
8
8
|
/// @see {function} modular-scale
|
9
9
|
////
|
10
10
|
|
11
|
-
$minor-second:
|
12
|
-
$major-second:
|
13
|
-
$minor-third:
|
14
|
-
$major-third:
|
15
|
-
$perfect-fourth:
|
11
|
+
$minor-second: 1.067;
|
12
|
+
$major-second: 1.125;
|
13
|
+
$minor-third: 1.2;
|
14
|
+
$major-third: 1.25;
|
15
|
+
$perfect-fourth: 1.333;
|
16
16
|
$augmented-fourth: 1.414;
|
17
|
-
$perfect-fifth:
|
18
|
-
$minor-sixth:
|
19
|
-
$golden:
|
20
|
-
$major-sixth:
|
21
|
-
$minor-seventh:
|
22
|
-
$major-seventh:
|
23
|
-
$octave:
|
24
|
-
$major-tenth:
|
25
|
-
$major-eleventh:
|
26
|
-
$major-twelfth:
|
27
|
-
$double-octave:
|
17
|
+
$perfect-fifth: 1.5;
|
18
|
+
$minor-sixth: 1.6;
|
19
|
+
$golden: 1.618;
|
20
|
+
$major-sixth: 1.667;
|
21
|
+
$minor-seventh: 1.778;
|
22
|
+
$major-seventh: 1.875;
|
23
|
+
$octave: 2;
|
24
|
+
$major-tenth: 2.5;
|
25
|
+
$major-eleventh: 2.667;
|
26
|
+
$major-twelfth: 3;
|
27
|
+
$double-octave: 4;
|
@@ -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,15 +9,15 @@
|
|
9
9
|
///
|
10
10
|
/// @argument {string} $file-path
|
11
11
|
///
|
12
|
-
/// @argument {string} $
|
12
|
+
/// @argument {string | list} $file-formats [("woff2", "woff")]
|
13
|
+
/// List of the font file formats to include. Can also be set globally using
|
14
|
+
/// the `global-font-file-formats` key in the Bourbon settings.
|
15
|
+
///
|
16
|
+
/// @argument {boolean} $asset-pipeline [false]
|
13
17
|
/// Set to `true` if you’re using the Rails Asset Pipeline (place the fonts
|
14
18
|
/// in `app/assets/fonts/`). Can also be set globally using the
|
15
19
|
/// `rails-asset-pipeline` key in the Bourbon settings.
|
16
20
|
///
|
17
|
-
/// @argument {string | list} $file-formats [("ttf", "woff2", "woff")]
|
18
|
-
/// List of the font file formats to include. Can also be set globally using
|
19
|
-
/// the `global-font-file-formats` key in the Bourbon settings.
|
20
|
-
///
|
21
21
|
/// @content
|
22
22
|
/// Any additional CSS properties that are included in the `@include`
|
23
23
|
/// directive will be output within the `@font-face` declaration, e.g. you can
|
@@ -71,8 +71,6 @@ $font-stack-verdana: (
|
|
71
71
|
|
72
72
|
/// A variable that outputs a system font stack.
|
73
73
|
///
|
74
|
-
/// @link https://goo.gl/LHRZIf
|
75
|
-
///
|
76
74
|
/// @type list
|
77
75
|
///
|
78
76
|
/// @example scss
|
@@ -82,10 +80,11 @@ $font-stack-verdana: (
|
|
82
80
|
///
|
83
81
|
/// // CSS Output
|
84
82
|
/// .element {
|
85
|
-
/// font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
|
83
|
+
/// font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
|
86
84
|
/// }
|
87
85
|
|
88
86
|
$font-stack-system: (
|
87
|
+
system-ui,
|
89
88
|
-apple-system,
|
90
89
|
BlinkMacSystemFont,
|
91
90
|
"Avenir Next",
|
@@ -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);
|
@@ -67,6 +67,8 @@
|
|
67
67
|
///
|
68
68
|
/// @require {function} _fetch-bourbon-setting
|
69
69
|
|
70
|
+
@use "sass:math";
|
71
|
+
|
70
72
|
@function modular-scale(
|
71
73
|
$increment,
|
72
74
|
$value: _fetch-bourbon-setting("modular-scale-base"),
|
@@ -78,7 +80,7 @@
|
|
78
80
|
|
79
81
|
// scale $v2 to just above $v1
|
80
82
|
@while $v2 > $v1 {
|
81
|
-
$v2: ($v2
|
83
|
+
$v2: math.div($v2, $ratio); // will be off-by-1
|
82
84
|
}
|
83
85
|
@while $v2 < $v1 {
|
84
86
|
$v2: ($v2 * $ratio); // will fix off-by-1
|
@@ -102,15 +104,15 @@
|
|
102
104
|
@if $increment < 0 {
|
103
105
|
// adjust $v2 to just below $v1
|
104
106
|
@if $double-stranded {
|
105
|
-
$v2: ($v2
|
107
|
+
$v2: math.div($v2, $ratio);
|
106
108
|
}
|
107
109
|
|
108
110
|
@for $i from $increment through -1 {
|
109
|
-
@if $double-stranded and ($v1
|
111
|
+
@if $double-stranded and math.div($v1, $ratio) < $v2 {
|
110
112
|
$value: $v2;
|
111
|
-
$v2: ($v2
|
113
|
+
$v2: math.div($v2, $ratio);
|
112
114
|
} @else {
|
113
|
-
$v1: ($v1
|
115
|
+
$v1: math.div($v1, $ratio);
|
114
116
|
$value: $v1;
|
115
117
|
}
|
116
118
|
}
|
@@ -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
|
}
|
@@ -1,7 +1,5 @@
|
|
1
1
|
@charset "UTF-8";
|
2
2
|
|
3
|
-
// scss-lint:disable SpaceAfterComma, UnnecessaryMantissa, TrailingZero
|
4
|
-
|
5
3
|
////
|
6
4
|
/// CSS cubic-bezier timing functions.
|
7
5
|
///
|
@@ -10,29 +8,29 @@
|
|
10
8
|
/// @type string
|
11
9
|
////
|
12
10
|
|
13
|
-
$ease-in-quad:
|
14
|
-
$ease-in-cubic:
|
15
|
-
$ease-in-quart:
|
16
|
-
$ease-in-quint:
|
17
|
-
$ease-in-sine:
|
18
|
-
$ease-in-expo:
|
19
|
-
$ease-in-circ:
|
20
|
-
$ease-in-back:
|
11
|
+
$ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
12
|
+
$ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
13
|
+
$ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
14
|
+
$ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
15
|
+
$ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
|
16
|
+
$ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
|
17
|
+
$ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
|
18
|
+
$ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
|
21
19
|
|
22
|
-
$ease-out-quad:
|
23
|
-
$ease-out-cubic:
|
24
|
-
$ease-out-quart:
|
25
|
-
$ease-out-quint:
|
26
|
-
$ease-out-sine:
|
27
|
-
$ease-out-expo:
|
28
|
-
$ease-out-circ:
|
29
|
-
$ease-out-back:
|
20
|
+
$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
21
|
+
$ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
|
22
|
+
$ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
|
23
|
+
$ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
|
24
|
+
$ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
|
25
|
+
$ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
|
26
|
+
$ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
|
27
|
+
$ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
30
28
|
|
31
|
-
$ease-in-out-quad:
|
32
|
-
$ease-in-out-cubic: cubic-bezier(0.645,
|
33
|
-
$ease-in-out-quart: cubic-bezier(0.
|
34
|
-
$ease-in-out-quint: cubic-bezier(0.
|
35
|
-
$ease-in-out-sine:
|
36
|
-
$ease-in-out-expo:
|
37
|
-
$ease-in-out-circ:
|
38
|
-
$ease-in-out-back:
|
29
|
+
$ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
30
|
+
$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
|
31
|
+
$ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
|
32
|
+
$ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
|
33
|
+
$ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
34
|
+
$ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
|
35
|
+
$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
36
|
+
$ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
@@ -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;
|
@@ -55,25 +55,25 @@
|
|
55
55
|
|
56
56
|
@if $direction == "up" {
|
57
57
|
border-color: transparent transparent $color;
|
58
|
-
border-width: 0 ($width
|
58
|
+
border-width: 0 ($width * 0.5) $height;
|
59
59
|
} @else if $direction == "up-right" {
|
60
60
|
border-color: transparent $color transparent transparent;
|
61
61
|
border-width: 0 $width $width 0;
|
62
62
|
} @else if $direction == "right" {
|
63
63
|
border-color: transparent transparent transparent $color;
|
64
|
-
border-width: ($height
|
64
|
+
border-width: ($height * 0.5) 0 ($height * 0.5) $width;
|
65
65
|
} @else if $direction == "down-right" {
|
66
66
|
border-color: transparent transparent $color;
|
67
67
|
border-width: 0 0 $width $width;
|
68
68
|
} @else if $direction == "down" {
|
69
69
|
border-color: $color transparent transparent;
|
70
|
-
border-width: $height ($width
|
70
|
+
border-width: $height ($width * 0.5) 0;
|
71
71
|
} @else if $direction == "down-left" {
|
72
72
|
border-color: transparent transparent transparent $color;
|
73
73
|
border-width: $width 0 0 $width;
|
74
74
|
} @else if $direction == "left" {
|
75
75
|
border-color: transparent $color transparent transparent;
|
76
|
-
border-width: ($height
|
76
|
+
border-width: ($height * 0.5) $width ($height * 0.5) 0;
|
77
77
|
} @else if $direction == "up-left" {
|
78
78
|
border-color: $color transparent transparent;
|
79
79
|
border-width: $width $width 0 0;
|