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 | 79 |
1 files changed, 41 insertions, 38 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 | ||