diff options
Diffstat (limited to 'src/scss/function/_calc-font-size.scss')
-rw-r--r-- | src/scss/function/_calc-font-size.scss | 22 |
1 files changed, 14 insertions, 8 deletions
diff --git a/src/scss/function/_calc-font-size.scss b/src/scss/function/_calc-font-size.scss index 1e54885..1e5e856 100644 --- a/src/scss/function/_calc-font-size.scss +++ b/src/scss/function/_calc-font-size.scss @@ -1,5 +1,9 @@ @charset "utf-8"; +// Built-In Modules +@use 'sass:math'; + +// Included Modules @use 'strip-unit'; // =================================================================== @@ -7,18 +11,18 @@ // =================================================================== @function px2em($px, $base: 16) { - @return strip-unit.strip-unit($px) / strip-unit.strip-unit($base) * 1em; + @return math.div(strip-unit.strip-unit($px), strip-unit.strip-unit($base)) * 1em; } @function px2rem($px, $base: 16) { - @return strip-unit.strip-unit($px) / strip-unit.strip-unit($base) * 1rem; + @return math.div(strip-unit.strip-unit($px), strip-unit.strip-unit($base)) * 1rem; } // =================================================================== // percent to px -// =================================================================== +// ========================================================n=========== @function percent2px($percent, $base: 16) { - @return strip-unit.strip-unit($base) * (strip-unit.strip-unit($percent) / 100) * 1px; + @return strip-unit.strip-unit($base) * math.div(strip-unit.strip-unit($percent), 100) * 1px; } // =================================================================== @@ -26,11 +30,13 @@ // =================================================================== @function percent2em($percent, $base: 16) { - @return (strip-unit.strip-unit($base) * (strip-unit.strip-unit($percent) / 100)) / strip-unit.strip-unit($base) * 1em; + $ratio: math.div((strip-unit.strip-unit($percent), 100)); + @return math.div(strip-unit.strip-unit($base) * $ratio, strip-unit.strip-unit($base)) * 1em; } @function percent2rem($percent, $base: 16) { - @return (strip-unit.strip-unit($base) * (strip-unit.strip-unit($percent) / 100)) / strip-unit.strip-unit($base) * 1rem; + $ratio: math.div((strip-unit.strip-unit($percent), 100)); + @return math.div((strip-unit.strip-unit($base) * $ratio), strip-unit.strip-unit($base)) * 1rem; } // =================================================================== @@ -38,9 +44,9 @@ // =================================================================== @function em2px($em, $base: 16) { - @return strip-unit.strip-unit($em) * strip-unit.strip-unit($base) * 1px; + @return strip-unit.strip-unit($em) * strip-unit.strip-unit($base) * 1px; } @function rem2px($rem, $base: 16) { - @return strip-unit.strip-unit($rem) * strip-unit.strip-unit($base) * 1px; + @return strip-unit.strip-unit($rem) * strip-unit.strip-unit($base) * 1px; } |