From d04bbee7453899dc867745d2698d90f9776a56fd Mon Sep 17 00:00:00 2001 From: Kevin MacMartin Date: Tue, 9 Jan 2018 22:58:57 -0500 Subject: [PATCH] Add a smooth-gradient mixin --- resources/assets/sass/mixins/_smooth-gradient.scss | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 resources/assets/sass/mixins/_smooth-gradient.scss diff --git a/resources/assets/sass/mixins/_smooth-gradient.scss b/resources/assets/sass/mixins/_smooth-gradient.scss new file mode 100644 index 0000000..abecdeb --- /dev/null +++ b/resources/assets/sass/mixins/_smooth-gradient.scss @@ -0,0 +1,3 @@ +@mixin smooth-gradient($direction, $color) { + background: linear-gradient($direction, $color 0%, fade-out($color, 0.022) 9.5%, fade-out($color, 0.075) 17.7%, fade-out($color, 0.143) 24.7%, fade-out($color, 0.219) 31%, fade-out($color, 0.299) 36.8%, fade-out($color, 0.38) 42.3%, fade-out($color, 0.462) 47.6%, fade-out($color, 0.545) 52.9%, fade-out($color, 0.627) 58.2%, fade-out($color, 0.709) 63.7%, fade-out($color, 0.788) 69.5%, fade-out($color, 0.862) 75.8%, fade-out($color, 0.93) 82.9%, fade-out($color, 0.981) 91.2%, fade-out($color, 1) 100%); +}