bourbon 5.0.1 → 7.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (57) hide show
  1. checksums.yaml +5 -5
  2. data/.circleci/config.yml +6 -16
  3. data/.hound.yml +4 -1
  4. data/.npmignore +2 -3
  5. data/.stylelintrc.json +3 -0
  6. data/.tool-versions +2 -1
  7. data/CHANGELOG.md +46 -3
  8. data/CONTRIBUTING.md +5 -1
  9. data/LICENSE.md +1 -1
  10. data/README.md +4 -20
  11. data/RELEASING.md +8 -11
  12. data/bourbon.gemspec +3 -4
  13. data/core/_bourbon.scss +2 -2
  14. data/core/bourbon/helpers/_scales.scss +16 -16
  15. data/core/bourbon/library/_contrast-switch.scss +3 -3
  16. data/core/bourbon/library/_font-face.scss +6 -6
  17. data/core/bourbon/library/_font-stacks.scss +2 -3
  18. data/core/bourbon/library/_hide-visually.scss +1 -1
  19. data/core/bourbon/library/_modular-scale.scss +7 -5
  20. data/core/bourbon/library/_overflow-wrap.scss +1 -0
  21. data/core/bourbon/library/_position.scss +4 -4
  22. data/core/bourbon/library/_shade.scss +1 -1
  23. data/core/bourbon/library/_size.scss +2 -2
  24. data/core/bourbon/library/_strip-unit.scss +3 -1
  25. data/core/bourbon/library/_timing-functions.scss +24 -26
  26. data/core/bourbon/library/_tint.scss +1 -1
  27. data/core/bourbon/library/_triangle.scss +6 -6
  28. data/core/bourbon/settings/_settings.scss +4 -4
  29. data/core/bourbon/utilities/_compact-shorthand.scss +9 -6
  30. data/core/bourbon/utilities/_contrast-ratio.scss +4 -2
  31. data/core/bourbon/utilities/_directional-property.scss +4 -6
  32. data/core/bourbon/utilities/_font-source-declaration.scss +10 -9
  33. data/core/bourbon/utilities/_gamma.scss +10 -5
  34. data/core/bourbon/utilities/_lightness.scss +5 -3
  35. data/core/bourbon/validators/_is-length.scss +8 -3
  36. data/core/bourbon/validators/_is-size.scss +1 -1
  37. data/lib/bourbon/version.rb +1 -1
  38. data/lib/bourbon.rb +6 -3
  39. data/package-lock.json +6636 -0
  40. data/package.json +8 -1
  41. data/spec/bourbon/library/font_face_spec_1.rb +2 -2
  42. data/spec/bourbon/library/font_face_spec_2.rb +2 -3
  43. data/spec/bourbon/library/font_face_spec_3.rb +1 -1
  44. data/spec/bourbon/library/font_stacks_spec.rb +4 -4
  45. data/spec/bourbon/utilities/font_source_declaration_spec.rb +4 -10
  46. data/spec/bourbon/utilities/gamma_spec.rb +1 -1
  47. data/spec/bourbon/utilities/lightness_spec.rb +1 -1
  48. data/spec/bourbon/validators/is_length_spec.rb +12 -0
  49. data/spec/fixtures/utilities/font-source-declaration.scss +1 -1
  50. data/spec/fixtures/validators/is-length.scss +8 -0
  51. data/spec/support/sass_support.rb +2 -2
  52. metadata +19 -39
  53. data/.ruby-version +0 -1
  54. data/.scss-lint.yml +0 -247
  55. data/bower.json +0 -39
  56. data/spec/bourbon/library/font_face_spec_4.rb +0 -17
  57. data/spec/fixtures/library/font-face-4.scss +0 -7
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: 07c030fedbbaa84e4b686d375117f14d8645a4c2
4
- data.tar.gz: d61b2e580e0ea18dfc302cde4bec0386bad95fdc
2
+ SHA256:
3
+ metadata.gz: c87e2acc7b1af15685893f8f83a8c183e1381b8ff30a0fab0c5d9a2ef70a5ff2
4
+ data.tar.gz: 8cecaee3084f07ef007113283afb73ae8c7bb10ae5b05445a8e8be4e5315beef
5
5
  SHA512:
6
- metadata.gz: 6add763e80e43ab098c8cde256c2aebc7813dd7f9d6845f98fc7f94701a8404baf0d919a552bbe2e74028127b035575f4a7d439f7ee048ff45e7f1424c8bb26f
7
- data.tar.gz: d55a0c0b185b60d49c69cab5766af2128aaf42dbaf7ced50d1b1bbb972731f1ad63439f31b5fa6b254fc24d838dbb6bee6f6734aa1372f51bcd403ed9af8f630
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.4.3-node
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-{{ arch }}-{{ checksum "bourbon.gemspec" }}
14
-
10
+ - bourbon-bundle-v1-{{ checksum "bourbon.gemspec" }}
11
+ - bourbon-bundle-v1-
15
12
  - run:
16
- name: Install Ruby dependencies
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-{{ arch }}-{{ checksum "bourbon.gemspec" }}
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: sassdoc core/ --parse --verbose --strict
24
+ command: npm run sassdoc
data/.hound.yml CHANGED
@@ -1,5 +1,8 @@
1
1
  ruby:
2
2
  enabled: true
3
3
  scss:
4
- config_file: .scss-lint.yml
4
+ enabled: false
5
+ stylelint:
6
+ config_file: .stylelintrc.json
5
7
  enabled: true
8
+ # version: 10.1.0
data/.npmignore CHANGED
@@ -1,14 +1,13 @@
1
+ .circleci/
1
2
  .github/
2
3
  .gitignore
3
4
  .hound.yml
4
5
  .ruby-version
5
6
  .sass-cache
6
- .scss-lint.yml
7
+ .stylelintrc.json
7
8
  _site
8
9
  bin/
9
10
  bourbon.gemspec
10
- bower.json
11
- circle.yml
12
11
  CODE_OF_CONDUCT.md
13
12
  CONTRIBUTING.md
14
13
  features/
data/.stylelintrc.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "extends": "@thoughtbot/stylelint-config"
3
+ }
data/.tool-versions CHANGED
@@ -1 +1,2 @@
1
- ruby 2.4.3
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
- ## [Unreleased (`master`)][unreleased]
6
+ ## [7.1.0] - 2022-02-22
7
7
 
8
- Nothing at the moment.
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
- [unreleased]: https://github.com/thoughtbot/bourbon/compare/v5.0.1...HEAD
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
- [SCSS-Lint]: https://github.com/brigade/scss-lint
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-2018 [thoughtbot, inc.](http://thoughtbot.com)
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-2018 [thoughtbot, inc.][thoughtbot] It is free
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 Tyson Gach and the thoughtbot design team. It is funded
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 [Keep a CHANGELOG].
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]. Upon publishing, a tweet will
23
- _automatically be sent_ on the [@bourbonsass] Twitter account via [Zapier].
24
- It will look like this:
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], using the available
29
- Rake tasks.
27
+ 1. Re-generate and publish the [documentation website][website].
30
28
 
31
- [Keep a CHANGELOG]: http://keepachangelog.com
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
- [Zapier]: https://zapier.com
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", "~> 11.1"
8
+ s.add_development_dependency "rake"
9
9
  s.add_development_dependency "rspec", "~> 3.4"
10
- s.add_development_dependency "scss_lint", "0.48"
11
- s.add_runtime_dependency "sass", "~> 3.4"
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
@@ -1,6 +1,6 @@
1
- // Bourbon 5.0.1
1
+ // Bourbon 7.1.0
2
2
  // https://www.bourbon.io/
3
- // Copyright 2011-2018 thoughtbot, inc.
3
+ // Copyright 2011-2020 thoughtbot, inc.
4
4
  // MIT License
5
5
 
6
6
  @import "bourbon/helpers/buttons-list";
@@ -8,20 +8,20 @@
8
8
  /// @see {function} modular-scale
9
9
  ////
10
10
 
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;
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: 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;
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
- "argument in the `contrast-switch` function.";
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
- "argument in the `contrast-switch` function.";
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
- "argument in the `contrast-switch` function.";
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 `eot`, `ttf`, `svg`, `woff2`
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} $asset-pipeline [false]
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
- "the `hide-visually` mixin. Must be either `hide` or `unhide`.";
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 / $ratio); // will be off-by-1
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 / $ratio);
107
+ $v2: math.div($v2, $ratio);
106
108
  }
107
109
 
108
110
  @for $i from $increment through -1 {
109
- @if $double-stranded and ($v1 / $ratio) < $v2 {
111
+ @if $double-stranded and math.div($v1, $ratio) < $v2 {
110
112
  $value: $v2;
111
- $v2: ($v2 / $ratio);
113
+ $v2: math.div($v2, $ratio);
112
114
  } @else {
113
- $v1: ($v1 / $ratio);
115
+ $v1: math.div($v1, $ratio);
114
116
  $value: $v1;
115
117
  }
116
118
  }
@@ -20,5 +20,6 @@
20
20
 
21
21
  @mixin overflow-wrap($wrap: break-word) {
22
22
  word-wrap: $wrap;
23
+ // stylelint-disable-next-line order/properties-alphabetical-order
23
24
  overflow-wrap: $wrap;
24
25
  }
@@ -46,10 +46,10 @@
46
46
  ) {
47
47
  $box-edge-values: _unpack-shorthand($box-edge-values);
48
48
  $offsets: (
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),
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;
@@ -25,7 +25,7 @@
25
25
  ) {
26
26
  @if not _is-color($color) {
27
27
  @error "`#{$color}` is not a valid color for the `$color` argument in " +
28
- "the `shade` mixin.";
28
+ "the `shade` mixin.";
29
29
  } @else {
30
30
  @return mix(#000, $color, $percent);
31
31
  }
@@ -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
- "in the `size` mixin.";
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
- "in the `size` mixin.";
48
+ "in the `size` mixin.";
49
49
  }
50
50
  }
@@ -12,6 +12,8 @@
12
12
  /// // Output
13
13
  /// $dimension: 10;
14
14
 
15
+ @use "sass:math";
16
+
15
17
  @function strip-unit($value) {
16
- @return ($value / ($value * 0 + 1));
18
+ @return math.div($value, $value * 0 + 1);
17
19
  }
@@ -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: cubic-bezier(0.550, 0.085, 0.680, 0.530);
14
- $ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
15
- $ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
16
- $ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
17
- $ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
18
- $ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
19
- $ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
20
- $ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);
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: cubic-bezier(0.250, 0.460, 0.450, 0.940);
23
- $ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
24
- $ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
25
- $ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
26
- $ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
27
- $ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
28
- $ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
29
- $ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
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: cubic-bezier(0.455, 0.030, 0.515, 0.955);
32
- $ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
33
- $ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
34
- $ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
35
- $ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
36
- $ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
37
- $ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
38
- $ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
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);
@@ -25,7 +25,7 @@
25
25
  ) {
26
26
  @if not _is-color($color) {
27
27
  @error "`#{$color}` is not a valid color for the `$color` argument in " +
28
- "the `tint` mixin.";
28
+ "the `tint` mixin.";
29
29
  } @else {
30
30
  @return mix(#fff, $color, $percent);
31
31
  }
@@ -44,10 +44,10 @@
44
44
  $direction
45
45
  ) {
46
46
  @error "Direction must be `up`, `up-right`, `right`, `down-right`, " +
47
- "`down`, `down-left`, `left` or `up-left`.";
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
- "the `triangle` mixin.";
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 / 2) $height;
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 / 2) 0 ($height / 2) $width;
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 / 2) 0;
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 / 2) $width ($height / 2) 0;
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;