diff options
| author | Volpeon <git@volpeon.ink> | 2022-02-05 07:52:13 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-02-05 07:52:13 +0100 |
| commit | dd5f3c463fab336d694f426dcad11a1783590fc9 (patch) | |
| tree | faebf738a9556eaa393371852ed86550d4adf66a /test/_harmony.scss | |
| parent | Fix errors from transition from node-sass to sass (diff) | |
| download | iro-sass-dd5f3c463fab336d694f426dcad11a1783590fc9.tar.gz iro-sass-dd5f3c463fab336d694f426dcad11a1783590fc9.tar.bz2 iro-sass-dd5f3c463fab336d694f426dcad11a1783590fc9.zip | |
Ported from import syntax to modules
Diffstat (limited to 'test/_harmony.scss')
| -rw-r--r-- | test/_harmony.scss | 77 |
1 files changed, 40 insertions, 37 deletions
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 @@ | |||
| 1 | @use 'true' as *; | ||
| 1 | @use 'sass:math'; | 2 | @use 'sass:math'; |
| 3 | @use '../src/functions'; | ||
| 4 | @use '../src/harmony'; | ||
| 2 | 5 | ||
| 3 | @function _limit-decimals($n) { | 6 | @function _limit-decimals($n) { |
| 4 | @return math.div(math.floor($n * 1000), 1000); | 7 | @return math.div(math.floor($n * 1000), 1000); |
| 5 | } | 8 | } |
| 6 | 9 | ||
| 7 | @include describe('Harmony') { | 10 | @include describe('harmony') { |
| 8 | @include it('iro-harmony-modular-scale') { | 11 | @include it('modular-scale') { |
| 9 | @include assert-equal(_limit-decimals(iro-harmony-modular-scale(0, 1em, 1.1)), 1em, 'Zero iterations, 1em base, 1.1 scale'); | 12 | @include assert-equal(_limit-decimals(harmony.modular-scale(0, 1em, 1.1)), 1em, 'Zero iterations, 1em base, 1.1 scale'); |
| 10 | @include assert-equal(_limit-decimals(iro-harmony-modular-scale(1, 1em, 1.1)), 1.1em, '1 iteration, 1em base, 1.1 scale'); | 13 | @include assert-equal(_limit-decimals(harmony.modular-scale(1, 1em, 1.1)), 1.1em, '1 iteration, 1em base, 1.1 scale'); |
| 11 | @include assert-equal(_limit-decimals(iro-harmony-modular-scale(2, 2px, 1.2)), 2.88px, '2 iterations, 2px base, 1.2 scale'); | 14 | @include assert-equal(_limit-decimals(harmony.modular-scale(2, 2px, 1.2)), 2.88px, '2 iterations, 2px base, 1.2 scale'); |
| 12 | @include assert-equal(_limit-decimals(iro-harmony-modular-scale(-1, 2rem, 2)), 1rem, '-1 iteration, 2rem base, 2 scale'); | 15 | @include assert-equal(_limit-decimals(harmony.modular-scale(-1, 2rem, 2)), 1rem, '-1 iteration, 2rem base, 2 scale'); |
| 13 | @include assert-equal(_limit-decimals(iro-harmony-modular-scale(-2, 2rem, 2)), 0.5rem, '-2 iterations, 2rem base, 2 scale'); | 16 | @include assert-equal(_limit-decimals(harmony.modular-scale(-2, 2rem, 2)), 0.5rem, '-2 iterations, 2rem base, 2 scale'); |
| 14 | 17 | ||
| 15 | @include assert-equal(_limit-decimals(iro-harmony-modular-scale(0, 1em 2em, 1.1)), 1em, 'Zero iterations, 1em 2em base, 1.1 scale'); | 18 | @include assert-equal(_limit-decimals(harmony.modular-scale(0, 1em 2em, 1.1)), 1em, 'Zero iterations, 1em 2em base, 1.1 scale'); |
| 16 | @include assert-equal(_limit-decimals(iro-harmony-modular-scale(1, 1em 2em, 1.1)), 1.026em, '1 iteration, 1em 2em base, 1.1 scale'); | 19 | @include assert-equal(_limit-decimals(harmony.modular-scale(1, 1em 2em, 1.1)), 1.026em, '1 iteration, 1em 2em base, 1.1 scale'); |
| 17 | @include assert-equal(_limit-decimals(iro-harmony-modular-scale(2, 1em 2em, 1.1)), 1.1em, '2 iterations, 1em 2em base, 1.1 scale'); | 20 | @include assert-equal(_limit-decimals(harmony.modular-scale(2, 1em 2em, 1.1)), 1.1em, '2 iterations, 1em 2em base, 1.1 scale'); |
| 18 | @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'); | 21 | @include assert-equal(_limit-decimals(harmony.modular-scale(-1, 1em 1.5em, 1.2)), 0.868em, '-1 iteration, 1em 2em base, 1.1 scale'); |
| 19 | @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'); | 22 | @include assert-equal(_limit-decimals(harmony.modular-scale(-2, 1em 1.5em, 1.2)), 0.833em, '-2 iterations, 1em 2em base, 1.1 scale'); |
| 20 | } | 23 | } |
| 21 | 24 | ||
| 22 | @include it('iro-responsive-modular-scale') { | 25 | @include it('responsive-modular-scale') { |
| 23 | @include assert('Single-stranded, fluid') { | 26 | @include assert('Single-stranded, fluid') { |
| 24 | $ms: ( | 27 | $ms: ( |
| 25 | 320px: (1rem, 1.1), | 28 | 320px: (1rem, 1.1), |
| 26 | 640px: (1rem, 1.2) | 29 | 640px: (1rem, 1.2) |
| 27 | ); | 30 | ); |
| 28 | 31 | ||
| 29 | $rem320px: iro-px-to-rem(320px); | 32 | $rem320px: functions.px-to-rem(320px); |
| 30 | $rem640px: iro-px-to-rem(640px); | 33 | $rem640px: functions.px-to-rem(640px); |
| 31 | $diff320px: iro-strip-unit($rem640px - $rem320px); | 34 | $diff320px: functions.strip-unit($rem640px - $rem320px); |
| 32 | 35 | ||
| 33 | @include output { | 36 | @include output { |
| 34 | h3 { | 37 | h3 { |
| 35 | @include iro-responsive-modular-scale(font-size, 0, $ms); | 38 | @include harmony.responsive-modular-scale(font-size, 0, $ms); |
| 36 | } | 39 | } |
| 37 | 40 | ||
| 38 | h2 { | 41 | h2 { |
| 39 | @include iro-responsive-modular-scale(font-size, 1, $ms); | 42 | @include harmony.responsive-modular-scale(font-size, 1, $ms); |
| 40 | } | 43 | } |
| 41 | 44 | ||
| 42 | h1 { | 45 | h1 { |
| 43 | @include iro-responsive-modular-scale(font-size, 2, $ms); | 46 | @include harmony.responsive-modular-scale(font-size, 2, $ms); |
| 44 | } | 47 | } |
| 45 | } | 48 | } |
| 46 | 49 | ||
| @@ -89,21 +92,21 @@ | |||
| 89 | 640px: (1rem, 1.2) | 92 | 640px: (1rem, 1.2) |
| 90 | ); | 93 | ); |
| 91 | 94 | ||
| 92 | $rem320px: iro-px-to-rem(320px); | 95 | $rem320px: functions.px-to-rem(320px); |
| 93 | $rem640px: iro-px-to-rem(640px); | 96 | $rem640px: functions.px-to-rem(640px); |
| 94 | $diff320px: iro-strip-unit($rem640px - $rem320px); | 97 | $diff320px: functions.strip-unit($rem640px - $rem320px); |
| 95 | 98 | ||
| 96 | @include output { | 99 | @include output { |
| 97 | h3 { | 100 | h3 { |
| 98 | @include iro-responsive-modular-scale(font-size, 0, $ms, false); | 101 | @include harmony.responsive-modular-scale(font-size, 0, $ms, false); |
| 99 | } | 102 | } |
| 100 | 103 | ||
| 101 | h2 { | 104 | h2 { |
| 102 | @include iro-responsive-modular-scale(font-size, 1, $ms, false); | 105 | @include harmony.responsive-modular-scale(font-size, 1, $ms, false); |
| 103 | } | 106 | } |
| 104 | 107 | ||
| 105 | h1 { | 108 | h1 { |
| 106 | @include iro-responsive-modular-scale(font-size, 2, $ms, false); | 109 | @include harmony.responsive-modular-scale(font-size, 2, $ms, false); |
| 107 | } | 110 | } |
| 108 | } | 111 | } |
| 109 | 112 | ||
| @@ -140,21 +143,21 @@ | |||
| 140 | 640px: (1rem 2rem, 1.2) | 143 | 640px: (1rem 2rem, 1.2) |
| 141 | ); | 144 | ); |
| 142 | 145 | ||
| 143 | $rem320px: iro-px-to-rem(320px); | 146 | $rem320px: functions.px-to-rem(320px); |
| 144 | $rem640px: iro-px-to-rem(640px); | 147 | $rem640px: functions.px-to-rem(640px); |
| 145 | $diff320px: iro-strip-unit($rem640px - $rem320px); | 148 | $diff320px: functions.strip-unit($rem640px - $rem320px); |
| 146 | 149 | ||
| 147 | @include output { | 150 | @include output { |
| 148 | h3 { | 151 | h3 { |
| 149 | @include iro-responsive-modular-scale(font-size, 0, $ms); | 152 | @include harmony.responsive-modular-scale(font-size, 0, $ms); |
| 150 | } | 153 | } |
| 151 | 154 | ||
| 152 | h2 { | 155 | h2 { |
| 153 | @include iro-responsive-modular-scale(font-size, 1, $ms); | 156 | @include harmony.responsive-modular-scale(font-size, 1, $ms); |
| 154 | } | 157 | } |
| 155 | 158 | ||
| 156 | h1 { | 159 | h1 { |
| 157 | @include iro-responsive-modular-scale(font-size, 2, $ms); | 160 | @include harmony.responsive-modular-scale(font-size, 2, $ms); |
| 158 | } | 161 | } |
| 159 | } | 162 | } |
| 160 | 163 | ||
| @@ -203,21 +206,21 @@ | |||
| 203 | 640px: (1rem 2rem, 1.2) | 206 | 640px: (1rem 2rem, 1.2) |
| 204 | ); | 207 | ); |
| 205 | 208 | ||
| 206 | $rem320px: iro-px-to-rem(320px); | 209 | $rem320px: functions.px-to-rem(320px); |
| 207 | $rem640px: iro-px-to-rem(640px); | 210 | $rem640px: functions.px-to-rem(640px); |
| 208 | $diff320px: iro-strip-unit($rem640px - $rem320px); | 211 | $diff320px: functions.strip-unit($rem640px - $rem320px); |
| 209 | 212 | ||
| 210 | @include output { | 213 | @include output { |
| 211 | h3 { | 214 | h3 { |
| 212 | @include iro-responsive-modular-scale(font-size, 0, $ms, false); | 215 | @include harmony.responsive-modular-scale(font-size, 0, $ms, false); |
| 213 | } | 216 | } |
| 214 | 217 | ||
| 215 | h2 { | 218 | h2 { |
| 216 | @include iro-responsive-modular-scale(font-size, 1, $ms, false); | 219 | @include harmony.responsive-modular-scale(font-size, 1, $ms, false); |
| 217 | } | 220 | } |
| 218 | 221 | ||
| 219 | h1 { | 222 | h1 { |
| 220 | @include iro-responsive-modular-scale(font-size, 2, $ms, false); | 223 | @include harmony.responsive-modular-scale(font-size, 2, $ms, false); |
| 221 | } | 224 | } |
| 222 | } | 225 | } |
| 223 | 226 | ||
