diff options
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 | } |