diff options
Diffstat (limited to 'src/scss/function/_calc-stack.scss')
-rw-r--r-- | src/scss/function/_calc-stack.scss | 27 |
1 files changed, 17 insertions, 10 deletions
diff --git a/src/scss/function/_calc-stack.scss b/src/scss/function/_calc-stack.scss index 3647d85..cb9f05e 100644 --- a/src/scss/function/_calc-stack.scss +++ b/src/scss/function/_calc-stack.scss @@ -1,21 +1,28 @@ @charset "utf-8"; +// Built-In Modules +@use 'sass:math'; + +// Included Modules +@use 'calc-font-size'; +@use 'strip-unit'; + @function stack($line-height: 1, $font-size: 16px, $base: 16px) { - $line-height: strip-unit($line-height) * strip-unit($base); - @return $line-height / strip-unit($font-size) * 1rem; + $line-height: strip-unit.strip-unit($line-height) * strip-unit.strip-unit($base); + @return $line-height / strip-unit.strip-unit($font-size) * 1rem; } @function line-height($line-space: 4px, $font-size: 16px, $base: 16px) { - @if unit($font-size) == '%' { - $font-size: percent2px($font-size, $base); - } @else if unit($font-size) == 'em' { - $font-size: em2px($font-size, $base); - } @else if unit($font-size,) == 'rem' { - $font-size: rem2px($font-size, $base); + @if math.unit($font-size) == '%' { + $font-size: calc-font-size.percent2px($font-size, $base); + } @else if math.unit($font-size) == 'em' { + $font-size: calc-font-size.em2px($font-size, $base); + } @else if math.unit($font-size,) == 'rem' { + $font-size: calc-font-size.rem2px($font-size, $base); } - $font-size: strip-unit($font-size); - $line-space: strip-unit($line-space); + $font-size: strip-unit.strip-unit($font-size); + $line-space: strip-unit.strip-unit($line-space); @return (($line-space * 2) + $font-size) / $font-size; } |