/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.
This commit is contained in:
Brock Whittaker 2017-09-01 18:10:56 -07:00 committed by Tim Abbott
parent 0d2bb41f91
commit 72a7e00986
1 changed files with 16 additions and 0 deletions

View File

@ -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) {