bourbon 5.0.1 → 7.1.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
+
[![Reviewed by Hound](https://img.shields.io/badge/Reviewed_by-Hound-8E64B0.svg)](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;
|