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.
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;