From 72a7e0098646448c3114d457f89d6f82f3a23ba4 Mon Sep 17 00:00:00 2001 From: Brock Whittaker Date: Fri, 1 Sep 2017 18:10:56 -0700 Subject: [PATCH] /hello/: Make gradients extend further on mobile. This makes the gradients extend further on mobile so that the white text does not display on an almost-white background. --- static/styles/landing-page.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/static/styles/landing-page.css b/static/styles/landing-page.css index 77c9a4dc8d..efab8d3115 100644 --- a/static/styles/landing-page.css +++ b/static/styles/landing-page.css @@ -3208,6 +3208,22 @@ nav ul li.active::after { .footer { width: 100vw; } + + /* the gradients leave the bottom of the text and the button white so we + want to have the gradients stay darker for longer. + */ + .gradients .gradient.green { + background: linear-gradient(-25deg, transparent 10%, #3fb082 80%); + } + + .gradients .gradient.blue { + background: linear-gradient(25deg, transparent 10%, #5298b1 80%); + } + + .gradients .gradient.sunburst { + background: linear-gradient(5deg, transparent 20%, #e8d275 80%); + } + } @media (max-width: 375px) {