From f0f84513f8efe533b6ee670a6f1a0c074387b2ec Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 13 Aug 2025 12:01:46 +0200 Subject: Make use of SASS modules --- test/_responsive.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'test/_responsive.scss') diff --git a/test/_responsive.scss b/test/_responsive.scss index 6780ae6..aa76cfd 100644 --- a/test/_responsive.scss +++ b/test/_responsive.scss @@ -3,11 +3,11 @@ @use '../src/responsive'; @include describe('responsive') { - @include it('fluid-calc') { - $rem600px: functions.px-to-rem(600px); - $rem800px: functions.px-to-rem(800px); + @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'); - } + @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.2.3-70-g09d2