aboutsummaryrefslogtreecommitdiffstats
path: root/test/_responsive.scss
diff options
context:
space:
mode:
Diffstat (limited to 'test/_responsive.scss')
-rw-r--r--test/_responsive.scss12
1 files changed, 6 insertions, 6 deletions
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 @@
3@use '../src/responsive'; 3@use '../src/responsive';
4 4
5@include describe('responsive') { 5@include describe('responsive') {
6 @include it('fluid-calc') { 6 @include it('fluid-calc') {
7 $rem600px: functions.px-to-rem(600px); 7 $rem600px: functions.px-to-rem(600px);
8 $rem800px: functions.px-to-rem(800px); 8 $rem800px: functions.px-to-rem(800px);
9 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'); 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'); 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');
12 } 12 }
13} 13}