test/_responsive.scss


1
2
3
4
5
6
7
8
9

@include describe('Responsive') {
    @include it('iro-responsive-fluid-calc') {
        $rem600px: iro-px-to-rem(600px);
        $rem800px: iro-px-to-rem(800px);

        @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');
    }
}