From dd5f3c463fab336d694f426dcad11a1783590fc9 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 5 Feb 2022 07:52:13 +0100 Subject: Ported from import syntax to modules --- test/_harmony.scss | 79 ++++++++++++++++++++++++++++-------------------------- 1 file changed, 41 insertions(+), 38 deletions(-) (limited to 'test/_harmony.scss') diff --git a/test/_harmony.scss b/test/_harmony.scss index 7945be1..c7d309c 100644 --- a/test/_harmony.scss +++ b/test/_harmony.scss @@ -1,46 +1,49 @@ +@use 'true' as *; @use 'sass:math'; +@use '../src/functions'; +@use '../src/harmony'; @function _limit-decimals($n) { @return math.div(math.floor($n * 1000), 1000); } -@include describe('Harmony') { - @include it('iro-harmony-modular-scale') { - @include assert-equal(_limit-decimals(iro-harmony-modular-scale(0, 1em, 1.1)), 1em, 'Zero iterations, 1em base, 1.1 scale'); - @include assert-equal(_limit-decimals(iro-harmony-modular-scale(1, 1em, 1.1)), 1.1em, '1 iteration, 1em base, 1.1 scale'); - @include assert-equal(_limit-decimals(iro-harmony-modular-scale(2, 2px, 1.2)), 2.88px, '2 iterations, 2px base, 1.2 scale'); - @include assert-equal(_limit-decimals(iro-harmony-modular-scale(-1, 2rem, 2)), 1rem, '-1 iteration, 2rem base, 2 scale'); - @include assert-equal(_limit-decimals(iro-harmony-modular-scale(-2, 2rem, 2)), 0.5rem, '-2 iterations, 2rem base, 2 scale'); - - @include assert-equal(_limit-decimals(iro-harmony-modular-scale(0, 1em 2em, 1.1)), 1em, 'Zero iterations, 1em 2em base, 1.1 scale'); - @include assert-equal(_limit-decimals(iro-harmony-modular-scale(1, 1em 2em, 1.1)), 1.026em, '1 iteration, 1em 2em base, 1.1 scale'); - @include assert-equal(_limit-decimals(iro-harmony-modular-scale(2, 1em 2em, 1.1)), 1.1em, '2 iterations, 1em 2em base, 1.1 scale'); - @include assert-equal(_limit-decimals(iro-harmony-modular-scale(-1, 1em 1.5em, 1.2)), 0.868em, '-1 iteration, 1em 2em base, 1.1 scale'); - @include assert-equal(_limit-decimals(iro-harmony-modular-scale(-2, 1em 1.5em, 1.2)), 0.833em, '-2 iterations, 1em 2em base, 1.1 scale'); +@include describe('harmony') { + @include it('modular-scale') { + @include assert-equal(_limit-decimals(harmony.modular-scale(0, 1em, 1.1)), 1em, 'Zero iterations, 1em base, 1.1 scale'); + @include assert-equal(_limit-decimals(harmony.modular-scale(1, 1em, 1.1)), 1.1em, '1 iteration, 1em base, 1.1 scale'); + @include assert-equal(_limit-decimals(harmony.modular-scale(2, 2px, 1.2)), 2.88px, '2 iterations, 2px base, 1.2 scale'); + @include assert-equal(_limit-decimals(harmony.modular-scale(-1, 2rem, 2)), 1rem, '-1 iteration, 2rem base, 2 scale'); + @include assert-equal(_limit-decimals(harmony.modular-scale(-2, 2rem, 2)), 0.5rem, '-2 iterations, 2rem base, 2 scale'); + + @include assert-equal(_limit-decimals(harmony.modular-scale(0, 1em 2em, 1.1)), 1em, 'Zero iterations, 1em 2em base, 1.1 scale'); + @include assert-equal(_limit-decimals(harmony.modular-scale(1, 1em 2em, 1.1)), 1.026em, '1 iteration, 1em 2em base, 1.1 scale'); + @include assert-equal(_limit-decimals(harmony.modular-scale(2, 1em 2em, 1.1)), 1.1em, '2 iterations, 1em 2em base, 1.1 scale'); + @include assert-equal(_limit-decimals(harmony.modular-scale(-1, 1em 1.5em, 1.2)), 0.868em, '-1 iteration, 1em 2em base, 1.1 scale'); + @include assert-equal(_limit-decimals(harmony.modular-scale(-2, 1em 1.5em, 1.2)), 0.833em, '-2 iterations, 1em 2em base, 1.1 scale'); } - @include it('iro-responsive-modular-scale') { + @include it('responsive-modular-scale') { @include assert('Single-stranded, fluid') { $ms: ( 320px: (1rem, 1.1), 640px: (1rem, 1.2) ); - $rem320px: iro-px-to-rem(320px); - $rem640px: iro-px-to-rem(640px); - $diff320px: iro-strip-unit($rem640px - $rem320px); + $rem320px: functions.px-to-rem(320px); + $rem640px: functions.px-to-rem(640px); + $diff320px: functions.strip-unit($rem640px - $rem320px); @include output { h3 { - @include iro-responsive-modular-scale(font-size, 0, $ms); + @include harmony.responsive-modular-scale(font-size, 0, $ms); } h2 { - @include iro-responsive-modular-scale(font-size, 1, $ms); + @include harmony.responsive-modular-scale(font-size, 1, $ms); } h1 { - @include iro-responsive-modular-scale(font-size, 2, $ms); + @include harmony.responsive-modular-scale(font-size, 2, $ms); } } @@ -89,21 +92,21 @@ 640px: (1rem, 1.2) ); - $rem320px: iro-px-to-rem(320px); - $rem640px: iro-px-to-rem(640px); - $diff320px: iro-strip-unit($rem640px - $rem320px); + $rem320px: functions.px-to-rem(320px); + $rem640px: functions.px-to-rem(640px); + $diff320px: functions.strip-unit($rem640px - $rem320px); @include output { h3 { - @include iro-responsive-modular-scale(font-size, 0, $ms, false); + @include harmony.responsive-modular-scale(font-size, 0, $ms, false); } h2 { - @include iro-responsive-modular-scale(font-size, 1, $ms, false); + @include harmony.responsive-modular-scale(font-size, 1, $ms, false); } h1 { - @include iro-responsive-modular-scale(font-size, 2, $ms, false); + @include harmony.responsive-modular-scale(font-size, 2, $ms, false); } } @@ -140,21 +143,21 @@ 640px: (1rem 2rem, 1.2) ); - $rem320px: iro-px-to-rem(320px); - $rem640px: iro-px-to-rem(640px); - $diff320px: iro-strip-unit($rem640px - $rem320px); + $rem320px: functions.px-to-rem(320px); + $rem640px: functions.px-to-rem(640px); + $diff320px: functions.strip-unit($rem640px - $rem320px); @include output { h3 { - @include iro-responsive-modular-scale(font-size, 0, $ms); + @include harmony.responsive-modular-scale(font-size, 0, $ms); } h2 { - @include iro-responsive-modular-scale(font-size, 1, $ms); + @include harmony.responsive-modular-scale(font-size, 1, $ms); } h1 { - @include iro-responsive-modular-scale(font-size, 2, $ms); + @include harmony.responsive-modular-scale(font-size, 2, $ms); } } @@ -203,21 +206,21 @@ 640px: (1rem 2rem, 1.2) ); - $rem320px: iro-px-to-rem(320px); - $rem640px: iro-px-to-rem(640px); - $diff320px: iro-strip-unit($rem640px - $rem320px); + $rem320px: functions.px-to-rem(320px); + $rem640px: functions.px-to-rem(640px); + $diff320px: functions.strip-unit($rem640px - $rem320px); @include output { h3 { - @include iro-responsive-modular-scale(font-size, 0, $ms, false); + @include harmony.responsive-modular-scale(font-size, 0, $ms, false); } h2 { - @include iro-responsive-modular-scale(font-size, 1, $ms, false); + @include harmony.responsive-modular-scale(font-size, 1, $ms, false); } h1 { - @include iro-responsive-modular-scale(font-size, 2, $ms, false); + @include harmony.responsive-modular-scale(font-size, 2, $ms, false); } } -- cgit v1.2.3-54-g00ecf