diff options
Diffstat (limited to 'test/_harmony.scss')
-rw-r--r-- | test/_harmony.scss | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/test/_harmony.scss b/test/_harmony.scss index 25560f0..7945be1 100644 --- a/test/_harmony.scss +++ b/test/_harmony.scss | |||
@@ -1,5 +1,7 @@ | |||
1 | @use 'sass:math'; | ||
2 | |||
1 | @function _limit-decimals($n) { | 3 | @function _limit-decimals($n) { |
2 | @return floor($n * 1000) / 1000; | 4 | @return math.div(math.floor($n * 1000), 1000); |
3 | } | 5 | } |
4 | 6 | ||
5 | @include describe('Harmony') { | 7 | @include describe('Harmony') { |
@@ -47,7 +49,7 @@ | |||
47 | font-size: 1rem; | 49 | font-size: 1rem; |
48 | 50 | ||
49 | @media (min-width: 320px) and (max-width: 640px) { | 51 | @media (min-width: 320px) and (max-width: 640px) { |
50 | font-size: calc(1rem + 0 * ((100vw - #{$rem320px}) / #{$diff320px})); | 52 | font-size: calc(1rem + 0 * (100vw - #{$rem320px}) / #{$diff320px}); |
51 | } | 53 | } |
52 | 54 | ||
53 | @media (min-width: 640px) { | 55 | @media (min-width: 640px) { |
@@ -59,7 +61,7 @@ | |||
59 | font-size: 1.1rem; | 61 | font-size: 1.1rem; |
60 | 62 | ||
61 | @media (min-width: 320px) and (max-width: 640px) { | 63 | @media (min-width: 320px) and (max-width: 640px) { |
62 | font-size: calc(1.1rem + 0.1 * ((100vw - #{$rem320px}) / #{$diff320px})); | 64 | font-size: calc(1.1rem + 0.1 * (100vw - #{$rem320px}) / #{$diff320px}); |
63 | } | 65 | } |
64 | 66 | ||
65 | @media (min-width: 640px) { | 67 | @media (min-width: 640px) { |
@@ -71,7 +73,7 @@ | |||
71 | font-size: 1.21rem; | 73 | font-size: 1.21rem; |
72 | 74 | ||
73 | @media (min-width: 320px) and (max-width: 640px) { | 75 | @media (min-width: 320px) and (max-width: 640px) { |
74 | font-size: calc(1.21rem + 0.23 * ((100vw - #{$rem320px}) / #{$diff320px})); | 76 | font-size: calc(1.21rem + 0.23 * (100vw - #{$rem320px}) / #{$diff320px}); |
75 | } | 77 | } |
76 | 78 | ||
77 | @media (min-width: 640px) { | 79 | @media (min-width: 640px) { |
@@ -161,7 +163,7 @@ | |||
161 | font-size: 1rem; | 163 | font-size: 1rem; |
162 | 164 | ||
163 | @media (min-width: 320px) and (max-width: 640px) { | 165 | @media (min-width: 320px) and (max-width: 640px) { |
164 | font-size: calc(1rem + 0 * ((100vw - #{$rem320px}) / #{$diff320px})); | 166 | font-size: calc(1rem + 0 * (100vw - #{$rem320px}) / #{$diff320px}); |
165 | } | 167 | } |
166 | 168 | ||
167 | @media (min-width: 640px) { | 169 | @media (min-width: 640px) { |
@@ -173,7 +175,7 @@ | |||
173 | font-size: 1.0263162365rem; | 175 | font-size: 1.0263162365rem; |
174 | 176 | ||
175 | @media (min-width: 320px) and (max-width: 640px) { | 177 | @media (min-width: 320px) and (max-width: 640px) { |
176 | font-size: calc(1.0263162365rem + 0.1310911709 * ((100vw - #{$rem320px}) / #{$diff320px})); | 178 | font-size: calc(1.0263162365rem + 0.1310911709 * (100vw - #{$rem320px}) / #{$diff320px}); |
177 | } | 179 | } |
178 | 180 | ||
179 | @media (min-width: 640px) { | 181 | @media (min-width: 640px) { |
@@ -185,7 +187,7 @@ | |||
185 | font-size: 1.1rem; | 187 | font-size: 1.1rem; |
186 | 188 | ||
187 | @media (min-width: 320px) and (max-width: 640px) { | 189 | @media (min-width: 320px) and (max-width: 640px) { |
188 | font-size: calc(1.1rem + 0.1 * ((100vw - #{$rem320px}) / #{$diff320px})); | 190 | font-size: calc(1.1rem + 0.1 * (100vw - #{$rem320px}) / #{$diff320px}); |
189 | } | 191 | } |
190 | 192 | ||
191 | @media (min-width: 640px) { | 193 | @media (min-width: 640px) { |