diff options
Diffstat (limited to 'test/_responsive.scss')
| -rw-r--r-- | test/_responsive.scss | 12 |
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 | } |