diff options
author | thingsym <thingsym@gmail.com> | 2020-11-22 10:34:46 +0300 |
---|---|---|
committer | thingsym <thingsym@gmail.com> | 2020-11-22 10:34:46 +0300 |
commit | 7f7d6115716b083c5d6d72b122d6b679987520c3 (patch) | |
tree | 86c9f32bf49a23a18e1585fd58434d66d960b706 /src/scss/foundation/_stack.scss | |
parent | 9ca28024bc70ca22e25d888b25e1a5f894c31c02 (diff) |
perf: replace scss from node-sass to dart-sass
Diffstat (limited to 'src/scss/foundation/_stack.scss')
-rw-r--r-- | src/scss/foundation/_stack.scss | 33 |
1 files changed, 22 insertions, 11 deletions
diff --git a/src/scss/foundation/_stack.scss b/src/scss/foundation/_stack.scss index d7d3cb1..d9feb14 100644 --- a/src/scss/foundation/_stack.scss +++ b/src/scss/foundation/_stack.scss @@ -1,9 +1,11 @@ +@use '../variable'; + /*-----------------------* stack *-----------------------*/ :root { - --const-stack: #{$default-stack}; - --stack-top: #{$default-stack}; + --const-stack: #{variable.$default-stack}; + --stack-top: #{variable.$default-stack}; --stack-bottom: 0; --first-stack-top: 0; --first-stack-bottom: 0; @@ -11,45 +13,54 @@ --last-stack-bottom: 0; } -.first-stack { +.first-stack, +%first-stack { margin-top: var(--first-stack-top, unset); margin-bottom: var(--first-stack-bottom, unset); } -.stack { +.stack, +%stack { margin-top: var(--stack-top, unset); margin-bottom: var(--stack-bottom, unset); } -.last-stack { +.last-stack, +%last-stack { margin-top: var(--last-stack-top, unset); margin-bottom: var(--last-stack-bottom, unset); } -.stack-multi--by2 { +.stack-multi--by2, +%stack-multi--by2 { margin-top: calc(var(--first-stack-top, unset) * 2); margin-bottom: calc(var(--first-stack-bottom, unset) * 2); } -.stack-multi--by4 { +.stack-multi--by4, +%stack-multi--by4 { margin-top: calc(var(--first-stack-top, unset) * 4); margin-bottom: calc(var(--first-stack-bottom, unset) * 4); } -.stack-divi--by2 { +.stack-divi--by2, +%stack-divi--by2 { margin-top: calc(var(--first-stack-top, unset) / 2); margin-bottom: calc(var(--first-stack-bottom, unset) / 2); } -.none-stack { +.none-stack, +%none-stack { margin-top: 0; } -.unset-stack { +.unset-stack, +%unset-stack { margin-top: unset; } -.reverse-stack { +.reverse-stack +%reverse-stack { margin-top: var(--stack-bottom, unset); margin-bottom: var(--stack-top, unset); } |