From dd5f3c463fab336d694f426dcad11a1783590fc9 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 5 Feb 2022 07:52:13 +0100 Subject: Ported from import syntax to modules --- test/_responsive.scss | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) (limited to 'test/_responsive.scss') 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 @@ -@include describe('Responsive') { - @include it('iro-responsive-fluid-calc') { - $rem600px: iro-px-to-rem(600px); - $rem800px: iro-px-to-rem(800px); +@use 'true' as *; +@use '../src/functions'; +@use '../src/responsive'; - @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'); - @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'); +@include describe('responsive') { + @include it('fluid-calc') { + $rem600px: functions.px-to-rem(600px); + $rem800px: functions.px-to-rem(800px); + + @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'); + @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'); } } -- cgit v1.3.1