From dd5f3c463fab336d694f426dcad11a1783590fc9 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 5 Feb 2022 07:52:13 +0100 Subject: Ported from import syntax to modules --- test/_gradients.scss | 114 ++++++++++++++++++++++++++------------------------- 1 file changed, 59 insertions(+), 55 deletions(-) (limited to 'test/_gradients.scss') diff --git a/test/_gradients.scss b/test/_gradients.scss index c1145aa..c11439c 100644 --- a/test/_gradients.scss +++ b/test/_gradients.scss @@ -1,8 +1,12 @@ // sass-lint:disable no-color-literals zero-unit -@include describe('Gradients') { - @include it('iro-easing-gradient') { - $gradient1: iro-easing-gradient( +@use 'true' as *; +@use '../src/easing'; +@use '../src/gradients'; + +@include describe('gradients') { + @include it('easing-gradient') { + $gradient1: gradients.easing-gradient( linear, to right, #000, @@ -13,9 +17,9 @@ $expected1: linear-gradient( to right, #000 0, - mix(transparent, #000, iro-ease-in-quad(0.25) * 100%) 25%, - mix(transparent, #000, iro-ease-in-quad(0.5) * 100%) 50%, - mix(transparent, #000, iro-ease-in-quad(0.75) * 100%) 75%, + mix(transparent, #000, easing.ease-in-quad(0.25) * 100%) 25%, + mix(transparent, #000, easing.ease-in-quad(0.5) * 100%) 50%, + mix(transparent, #000, easing.ease-in-quad(0.75) * 100%) 75%, transparent 100% ); @@ -23,7 +27,7 @@ // --------------------------------------------------------------------------- - $gradient2: iro-easing-gradient( + $gradient2: gradients.easing-gradient( radial, 1em 2em at 50% 60%, #000, @@ -34,9 +38,9 @@ $expected2: radial-gradient( 1em 2em at 50% 60%, #000 0, - mix(transparent, #000, iro-ease-out-cubic(0.25) * 100%) 25%, - mix(transparent, #000, iro-ease-out-cubic(0.5) * 100%) 50%, - mix(transparent, #000, iro-ease-out-cubic(0.75) * 100%) 75%, + mix(transparent, #000, easing.ease-out-cubic(0.25) * 100%) 25%, + mix(transparent, #000, easing.ease-out-cubic(0.5) * 100%) 50%, + mix(transparent, #000, easing.ease-out-cubic(0.75) * 100%) 75%, transparent 100% ); @@ -44,7 +48,7 @@ // --------------------------------------------------------------------------- - $gradient3: iro-easing-gradient( + $gradient3: gradients.easing-gradient( linear, to right, #000 2em, @@ -55,9 +59,9 @@ $expected3: linear-gradient( to right, #000 2em, - mix(transparent, #000, iro-ease-in-quad(0.25) * 100%) 4em, - mix(transparent, #000, iro-ease-in-quad(0.5) * 100%) 6em, - mix(transparent, #000, iro-ease-in-quad(0.75) * 100%) 8em, + mix(transparent, #000, easing.ease-in-quad(0.25) * 100%) 4em, + mix(transparent, #000, easing.ease-in-quad(0.5) * 100%) 6em, + mix(transparent, #000, easing.ease-in-quad(0.75) * 100%) 8em, transparent 10em ); @@ -65,7 +69,7 @@ // --------------------------------------------------------------------------- - $gradient4: iro-easing-gradient( + $gradient4: gradients.easing-gradient( linear, to right, #000 20%, @@ -76,9 +80,9 @@ $expected4: linear-gradient( to right, #000 20%, - mix(transparent, #000, iro-ease-in-quad(0.25) * 100%) calc(20% + (20% + 10em - 20%) * 0.25), - mix(transparent, #000, iro-ease-in-quad(0.5) * 100%) calc(20% + (20% + 10em - 20%) * 0.5), - mix(transparent, #000, iro-ease-in-quad(0.75) * 100%) calc(20% + (20% + 10em - 20%) * 0.75), + mix(transparent, #000, easing.ease-in-quad(0.25) * 100%) calc(20% + (20% + 10em - 20%) * 0.25), + mix(transparent, #000, easing.ease-in-quad(0.5) * 100%) calc(20% + (20% + 10em - 20%) * 0.5), + mix(transparent, #000, easing.ease-in-quad(0.75) * 100%) calc(20% + (20% + 10em - 20%) * 0.75), transparent calc(20% + 10em) ); @@ -86,7 +90,7 @@ // --------------------------------------------------------------------------- - $gradient5: iro-easing-gradient( + $gradient5: gradients.easing-gradient( linear, to right, #000 2em, @@ -99,9 +103,9 @@ to right, #000 2em, #f00 7em, - mix(transparent, #f00, iro-ease-in-quad(0.25) * 100%) 7em + 3em * 0.25, - mix(transparent, #f00, iro-ease-in-quad(0.5) * 100%) 7em + 3em * 0.5, - mix(transparent, #f00, iro-ease-in-quad(0.75) * 100%) 7em + 3em * 0.75, + mix(transparent, #f00, easing.ease-in-quad(0.25) * 100%) 7em + 3em * 0.25, + mix(transparent, #f00, easing.ease-in-quad(0.5) * 100%) 7em + 3em * 0.5, + mix(transparent, #f00, easing.ease-in-quad(0.75) * 100%) 7em + 3em * 0.75, transparent 10em ); @@ -109,7 +113,7 @@ // --------------------------------------------------------------------------- - $gradient6: iro-easing-gradient( + $gradient6: gradients.easing-gradient( linear, to right, #000 2em, @@ -122,13 +126,13 @@ $expected6: linear-gradient( to right, #000 2em, - mix(#f00, #000, iro-ease-in-quad(0.25) * 100%) 2em + 5em * 0.25, - mix(#f00, #000, iro-ease-in-quad(0.5) * 100%) 2em + 5em * 0.5, - mix(#f00, #000, iro-ease-in-quad(0.75) * 100%) 2em + 5em * 0.75, + mix(#f00, #000, easing.ease-in-quad(0.25) * 100%) 2em + 5em * 0.25, + mix(#f00, #000, easing.ease-in-quad(0.5) * 100%) 2em + 5em * 0.5, + mix(#f00, #000, easing.ease-in-quad(0.75) * 100%) 2em + 5em * 0.75, #f00 7em, - mix(transparent, #f00, iro-ease-in-quad(0.25) * 100%) 7em + 3em * 0.25, - mix(transparent, #f00, iro-ease-in-quad(0.5) * 100%) 7em + 3em * 0.5, - mix(transparent, #f00, iro-ease-in-quad(0.75) * 100%) 7em + 3em * 0.75, + mix(transparent, #f00, easing.ease-in-quad(0.25) * 100%) 7em + 3em * 0.25, + mix(transparent, #f00, easing.ease-in-quad(0.5) * 100%) 7em + 3em * 0.5, + mix(transparent, #f00, easing.ease-in-quad(0.75) * 100%) 7em + 3em * 0.75, transparent 10em ); @@ -136,7 +140,7 @@ // --------------------------------------------------------------------------- - $gradient7: iro-easing-gradient( + $gradient7: gradients.easing-gradient( linear, to right, #000 2em, @@ -149,13 +153,13 @@ $expected7: linear-gradient( to right, #000 2em, - mix(#f00, #000, iro-ease-in-quad(0.25) * 100%) 2em + 4em * 0.25, - mix(#f00, #000, iro-ease-in-quad(0.5) * 100%) 2em + 4em * 0.5, - mix(#f00, #000, iro-ease-in-quad(0.75) * 100%) 2em + 4em * 0.75, + mix(#f00, #000, easing.ease-in-quad(0.25) * 100%) 2em + 4em * 0.25, + mix(#f00, #000, easing.ease-in-quad(0.5) * 100%) 2em + 4em * 0.5, + mix(#f00, #000, easing.ease-in-quad(0.75) * 100%) 2em + 4em * 0.75, #f00 6em, - mix(transparent, #f00, iro-ease-in-quad(0.25) * 100%) 6em + 4em * 0.25, - mix(transparent, #f00, iro-ease-in-quad(0.5) * 100%) 6em + 4em * 0.5, - mix(transparent, #f00, iro-ease-in-quad(0.75) * 100%) 6em + 4em * 0.75, + mix(transparent, #f00, easing.ease-in-quad(0.25) * 100%) 6em + 4em * 0.25, + mix(transparent, #f00, easing.ease-in-quad(0.5) * 100%) 6em + 4em * 0.5, + mix(transparent, #f00, easing.ease-in-quad(0.75) * 100%) 6em + 4em * 0.75, transparent 10em ); @@ -163,7 +167,7 @@ // --------------------------------------------------------------------------- - $gradient8: iro-easing-gradient( + $gradient8: gradients.easing-gradient( linear, to right, #000, @@ -176,13 +180,13 @@ $expected8: linear-gradient( to right, #000 0, - mix(#f00, #000, iro-ease-in-quad(0.25) * 100%) 50% * 0.25, - mix(#f00, #000, iro-ease-in-quad(0.5) * 100%) 50% * 0.5, - mix(#f00, #000, iro-ease-in-quad(0.75) * 100%) 50% * 0.75, + mix(#f00, #000, easing.ease-in-quad(0.25) * 100%) 50% * 0.25, + mix(#f00, #000, easing.ease-in-quad(0.5) * 100%) 50% * 0.5, + mix(#f00, #000, easing.ease-in-quad(0.75) * 100%) 50% * 0.75, #f00 50%, - mix(transparent, #f00, iro-ease-in-quad(0.25) * 100%) 50% + 50% * 0.25, - mix(transparent, #f00, iro-ease-in-quad(0.5) * 100%) 50% + 50% * 0.5, - mix(transparent, #f00, iro-ease-in-quad(0.75) * 100%) 50% + 50% * 0.75, + mix(transparent, #f00, easing.ease-in-quad(0.25) * 100%) 50% + 50% * 0.25, + mix(transparent, #f00, easing.ease-in-quad(0.5) * 100%) 50% + 50% * 0.5, + mix(transparent, #f00, easing.ease-in-quad(0.75) * 100%) 50% + 50% * 0.75, transparent 100% ); @@ -190,7 +194,7 @@ // --------------------------------------------------------------------------- - $gradient9: iro-easing-gradient( + $gradient9: gradients.easing-gradient( linear, to right, #000, @@ -203,13 +207,13 @@ $expected9: linear-gradient( to right, #000 0, - mix(#f00, #000, iro-ease-in-quad(0.25) * 100%) 10em * 0.25, - mix(#f00, #000, iro-ease-in-quad(0.5) * 100%) 10em * 0.5, - mix(#f00, #000, iro-ease-in-quad(0.75) * 100%) 10em * 0.75, + mix(#f00, #000, easing.ease-in-quad(0.25) * 100%) 10em * 0.25, + mix(#f00, #000, easing.ease-in-quad(0.5) * 100%) 10em * 0.5, + mix(#f00, #000, easing.ease-in-quad(0.75) * 100%) 10em * 0.75, #f00 10em, - mix(transparent, #f00, iro-ease-in-quad(0.25) * 100%) 10em + 10em * 0.25, - mix(transparent, #f00, iro-ease-in-quad(0.5) * 100%) 10em + 10em * 0.5, - mix(transparent, #f00, iro-ease-in-quad(0.75) * 100%) 10em + 10em * 0.75, + mix(transparent, #f00, easing.ease-in-quad(0.25) * 100%) 10em + 10em * 0.25, + mix(transparent, #f00, easing.ease-in-quad(0.5) * 100%) 10em + 10em * 0.5, + mix(transparent, #f00, easing.ease-in-quad(0.75) * 100%) 10em + 10em * 0.75, transparent 20em ); @@ -217,7 +221,7 @@ // --------------------------------------------------------------------------- - $gradient10: iro-easing-gradient( + $gradient10: gradients.easing-gradient( linear, to right, #000, @@ -228,9 +232,9 @@ $expected10: linear-gradient( to right, #000 0, - mix(transparent, #000, iro-cubic-bezier(0.47, 0, 0.745, 0.715, 0.25) * 100%) 25%, - mix(transparent, #000, iro-cubic-bezier(0.47, 0, 0.745, 0.715, 0.5) * 100%) 50%, - mix(transparent, #000, iro-cubic-bezier(0.47, 0, 0.745, 0.715, 0.75) * 100%) 75%, + mix(transparent, #000, easing.cubic-bezier(0.47, 0, 0.745, 0.715, 0.25) * 100%) 25%, + mix(transparent, #000, easing.cubic-bezier(0.47, 0, 0.745, 0.715, 0.5) * 100%) 50%, + mix(transparent, #000, easing.cubic-bezier(0.47, 0, 0.745, 0.715, 0.75) * 100%) 75%, transparent 100% ); @@ -238,7 +242,7 @@ // --------------------------------------------------------------------------- - $gradient11: iro-easing-gradient( + $gradient11: gradients.easing-gradient( linear, to right, #000, -- cgit v1.3.1