aboutsummaryrefslogtreecommitdiffstats
path: root/test/_harmony.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-05 07:52:13 +0100
committerVolpeon <git@volpeon.ink>2022-02-05 07:52:13 +0100
commitdd5f3c463fab336d694f426dcad11a1783590fc9 (patch)
treefaebf738a9556eaa393371852ed86550d4adf66a /test/_harmony.scss
parentFix errors from transition from node-sass to sass (diff)
downloadiro-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.scss79
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