aboutsummaryrefslogtreecommitdiff
path: root/p/themes/Ansum/_mixins.scss
diff options
context:
space:
mode:
authorGravatar Alexandre Alapetite <alexandre@alapetite.fr> 2022-02-04 15:41:51 +0100
committerGravatar GitHub <noreply@github.com> 2022-02-04 15:41:51 +0100
commit5a891dc0e4d1e5c7d36609bba4bd3df5063b9745 (patch)
tree4b420f96082fcde911a36ed8fc709ed12a500089 /p/themes/Ansum/_mixins.scss
parent88b934da8bec70da1400525748336c0b71864b1a (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.scss32
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;
}