diff options
| author | 2022-02-04 15:41:51 +0100 | |
|---|---|---|
| committer | 2022-02-04 15:41:51 +0100 | |
| commit | 5a891dc0e4d1e5c7d36609bba4bd3df5063b9745 (patch) | |
| tree | 4b420f96082fcde911a36ed8fc709ed12a500089 /p/themes/Ansum/_mixins.scss | |
| parent | 88b934da8bec70da1400525748336c0b71864b1a (diff) | |
Update dev dependencies stylelint SASS (#4173)
* Update dev dependencies stylelint SASS
Major update for stylelint with breaking changes
https://stylelint.io/migration-guide/to-14/
Applied automatic SASS migration to current syntax
https://sass-lang.com/documentation/cli/migrator#migrations
And a few manual fixes such as:
https://github.com/stylelint-scss/stylelint-scss/blob/master/src/rules/dollar-variable-no-missing-interpolation/README.md
Other dev dependencies are minor updates.
* RTLCSS
* Fix color-hex-length bug
* Implement make bin/composer
* Update git hash
Diffstat (limited to 'p/themes/Ansum/_mixins.scss')
| -rw-r--r-- | p/themes/Ansum/_mixins.scss | 32 |
1 files changed, 4 insertions, 28 deletions
diff --git a/p/themes/Ansum/_mixins.scss b/p/themes/Ansum/_mixins.scss index 84ef1d492..d86cf8f07 100644 --- a/p/themes/Ansum/_mixins.scss +++ b/p/themes/Ansum/_mixins.scss @@ -1,3 +1,4 @@ +@use "sass:list"; /* stylelint-disable property-no-vendor-prefix */ /* FUNCTIONS */ @@ -5,65 +6,40 @@ //animation @mixin transition($target, $duration, $ease) { - -webkit-transition: $target $duration $ease; - -moz-transition: $target $duration $ease; - -o-transition: $target $duration $ease; transition: $target $duration $ease; } //animation @mixin animation-delay($delay) { - -webkit-animation-delay: $delay; - /* Safari 4.0 - 8.0 */ animation-delay: $delay; } //animation @mixin animation($animate...) { - $max: length($animate); + $max: list.length($animate); $animations: ''; @for $i from 1 through $max { - $animations: #{$animations + nth($animate, $i)}; + $animations: #{$animations + list.nth($animate, $i)}; @if $i < $max { $animations: #{$animations + ", "}; } } - -webkit-animation: $animations; - -moz-animation: $animations; - -o-animation: $animations; - animation: $animations; + animation: #{$animations}; } //keyframes @mixin keyframes($animationName) { - @-webkit-keyframes #{$animationName} { - @content; - } - - @-moz-keyframes #{$animationName} { - @content; - } - - @-o-keyframes #{$animationName} { - @content; - } - @keyframes #{$animationName} { @content; } } @mixin border-radius($radius: 4px) { - -moz-border-radius: $radius; - -webkit-border-radius: $radius; - -ms-border-radius: $radius; - -o-border-radius: $radius; - -khtml-border-radius: $radius; border-radius: $radius; } |
