From 72d6944b6a0fe5ed22f2271f16b76fac2cdb2e6e Mon Sep 17 00:00:00 2001 From: Ian Weller Date: Fri, 15 Jan 2016 08:49:36 -0500 Subject: [PATCH] a bit more gradient adjustments --- css/app.css | 54 +++++++++++++++++++------------------- scss/mixins/_gradient.scss | 6 ++--- 2 files changed, 30 insertions(+), 30 deletions(-) diff --git a/css/app.css b/css/app.css index ea04063..81f5085 100644 --- a/css/app.css +++ b/css/app.css @@ -6401,9 +6401,9 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im background: -ms-linear-gradient(top, #1999ce 93%, #107098 100%); } } @media screen and (max-width: 950px) { #searchform div input.blogbutton { - background: -webkit-linear-gradient(top, #1999ce 95%, #107098 100%); - background: -moz-linear-gradient(center top, #1999ce 95%, #107098 100%); - background: -ms-linear-gradient(top, #1999ce 95%, #107098 100%); } } + background: -webkit-linear-gradient(top, #1999ce 96%, #107098 100%); + background: -moz-linear-gradient(center top, #1999ce 96%, #107098 100%); + background: -ms-linear-gradient(top, #1999ce 96%, #107098 100%); } } @media screen and (max-width: 850px) { #searchform div input.blogbutton { background: -webkit-linear-gradient(top, #1999ce 97%, #107098 100%); @@ -6824,9 +6824,9 @@ main.page-front #content-wrapper { background: -ms-linear-gradient(top, #2f4d4f 93%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 950px) { main.page-front #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 850px) { main.page-front #content-wrapper { background: -webkit-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); @@ -6923,9 +6923,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 93%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 950px) { main.page-inside { - background: -webkit-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 850px) { main.page-inside { background: -webkit-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); @@ -6986,9 +6986,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 93%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 950px) { main.page-inside #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 850px) { main.page-inside #content-wrapper { background: -webkit-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); @@ -7081,9 +7081,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 93%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 950px) { main.page-inside #content-wrapper #main-content { - background: -webkit-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 850px) { main.page-inside #content-wrapper #main-content { background: -webkit-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); @@ -8105,9 +8105,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 93%, transparent 100%); } } @media screen and (max-width: 950px) { .blog-single { - background: -webkit-linear-gradient(top, #2f4d4f 95%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, transparent 100%); } } @media screen and (max-width: 850px) { .blog-single { background: -webkit-linear-gradient(top, #2f4d4f 97%, transparent 100%); @@ -8169,9 +8169,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 93%, transparent 100%); } } @media screen and (max-width: 950px) { .blog-home { - background: -webkit-linear-gradient(top, #2f4d4f 95%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, transparent 100%); } } @media screen and (max-width: 850px) { .blog-home { background: -webkit-linear-gradient(top, #2f4d4f 97%, transparent 100%); @@ -8233,9 +8233,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 93%, transparent 100%); } } @media screen and (max-width: 950px) { .blog-archive { - background: -webkit-linear-gradient(top, #2f4d4f 95%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, transparent 100%); } } @media screen and (max-width: 850px) { .blog-archive { background: -webkit-linear-gradient(top, #2f4d4f 97%, transparent 100%); @@ -8495,9 +8495,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 93%, transparent 100%); } } @media screen and (max-width: 950px) { .search-results { - background: -webkit-linear-gradient(top, #2f4d4f 95%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, transparent 100%); } } @media screen and (max-width: 850px) { .search-results { background: -webkit-linear-gradient(top, #2f4d4f 97%, transparent 100%); diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss index 02c09c3..ee3ea8a 100644 --- a/scss/mixins/_gradient.scss +++ b/scss/mixins/_gradient.scss @@ -41,9 +41,9 @@ background: -ms-linear-gradient(top, $from 93%, $to 100%); } @media screen and (max-width: 950px) { - background: -webkit-linear-gradient(top, $from 95%, $to 100%); - background: -moz-linear-gradient(center top, $from 95%, $to 100%); - background: -ms-linear-gradient(top, $from 95%, $to 100%); + background: -webkit-linear-gradient(top, $from 96%, $to 100%); + background: -moz-linear-gradient(center top, $from 96%, $to 100%); + background: -ms-linear-gradient(top, $from 96%, $to 100%); } @media screen and (max-width: 850px) { background: -webkit-linear-gradient(top, $from 97%, $to 100%); -- 2.17.1