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/_responsive.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/_responsive.scss')
-rw-r--r-- | test/_responsive.scss | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/test/_responsive.scss b/test/_responsive.scss index 6dfe868..6780ae6 100644 --- a/test/_responsive.scss +++ b/test/_responsive.scss | |||
@@ -1,9 +1,13 @@ | |||
1 | @include describe('Responsive') { | 1 | @use 'true' as *; |
2 | @include it('iro-responsive-fluid-calc') { | 2 | @use '../src/functions'; |
3 | $rem600px: iro-px-to-rem(600px); | 3 | @use '../src/responsive'; |
4 | $rem800px: iro-px-to-rem(800px); | ||
5 | 4 | ||
6 | @include assert-equal('#{iro-responsive-fluid-calc(2rem, 4rem, 600px, 800px)}', 'calc(2rem + 2 * (100vw - #{$rem600px}) / #{iro-strip-unit($rem800px - $rem600px)})', 'Responsive value from 2rem to 4rem over 600px to 800px'); | 5 | @include describe('responsive') { |
7 | @include assert-equal('#{iro-responsive-fluid-calc(4px, 12px, 600px, 800px)}', 'calc(4px + 8 * (100vw - 600px) / 200)', 'Responsive value from 4px to 12px over 600px to 800px'); | 6 | @include it('fluid-calc') { |
7 | $rem600px: functions.px-to-rem(600px); | ||
8 | $rem800px: functions.px-to-rem(800px); | ||
9 | |||
10 | @include assert-equal('#{responsive.fluid-calc(2rem, 4rem, 600px, 800px)}', 'calc(2rem + 2 * (100vw - #{$rem600px}) / #{functions.strip-unit($rem800px - $rem600px)})', 'Responsive value from 2rem to 4rem over 600px to 800px'); | ||
11 | @include assert-equal('#{responsive.fluid-calc(4px, 12px, 600px, 800px)}', 'calc(4px + 8 * (100vw - 600px) / 200)', 'Responsive value from 4px to 12px over 600px to 800px'); | ||
8 | } | 12 | } |
9 | } | 13 | } |