From 3ba002de8a1067621ff0e39de570924f799687e8 Mon Sep 17 00:00:00 2001 From: Ian Weller Date: Wed, 4 Nov 2015 09:51:15 -0500 Subject: [PATCH] got gradient right and right text for blocks --- css/app.css | 20 ++++++++++---------- parts/glm-blocks.php | 2 +- scss/_slideshow.scss | 8 ++++---- scss/mixins/_gradient.scss | 6 +++--- 4 files changed, 18 insertions(+), 18 deletions(-) diff --git a/css/app.css b/css/app.css index 943696a..5d10753 100644 --- a/css/app.css +++ b/css/app.css @@ -6202,9 +6202,9 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im max-width: 100%; text-align: center; } #searchform div input.blogbutton { - background: -webkit-linear-gradient(top, #6c4f53 35%, #6c4f53 100%); - background: -moz-linear-gradient(center top, #6c4f53 35%, #6c4f53 100%); - background: -ms-linear-gradient(top, #6c4f53 35%, #6c4f53 100%); } + background: -webkit-linear-gradient(top, #6c4f53 15%, #6c4f53 100%); + background: -moz-linear-gradient(center top, #6c4f53 15%, #6c4f53 100%); + background: -ms-linear-gradient(top, #6c4f53 15%, #6c4f53 100%); } #blog-side-info { border-left: 1px solid grey; @@ -6769,17 +6769,17 @@ main a { height: 215px; } } .gradient { - background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 35%, #FFFFFF 100%); - background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 35%, #FFFFFF 100%); - background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 35%, #FFFFFF 100%); - height: 465px; + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 15%, #FFFFFF 100%); + background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 15%, #FFFFFF 100%); + background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 15%, #FFFFFF 100%); + height: 615px; width: 100%; position: absolute; - top: 100px; } + top: 6%; } @media only screen and (min-width:40.063em) and (max-width:64em) { .gradient { - height: 270px; - top: 60px; } } + height: 370px; + top: 30px; } } @media only screen and (max-width: 40em) { .gradient { display: none; } } diff --git a/parts/glm-blocks.php b/parts/glm-blocks.php index 13de166..7438fa0 100644 --- a/parts/glm-blocks.php +++ b/parts/glm-blocks.php @@ -18,7 +18,7 @@

post_content . $block->post_excerpt;?>

- Read More... + find out more...
diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss index 6ff0c97..3650486 100644 --- a/scss/_slideshow.scss +++ b/scss/_slideshow.scss @@ -103,13 +103,13 @@ } .gradient { @include gradient(rgba($white, 0), $white); - height: 465px; + height: 615px; width: 100%; position: absolute; - top: 100px; + top: 6%; @media #{$medium-only} { - height: 270px; - top: 60px; + height: 370px; + top: 30px; } @media #{$small-only} { display: none; diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss index 88d7483..aa70f7d 100644 --- a/scss/mixins/_gradient.scss +++ b/scss/mixins/_gradient.scss @@ -4,7 +4,7 @@ */ @mixin gradient($from, $to) { - background: -webkit-linear-gradient(top, $from 35%, $to 100%); - background: -moz-linear-gradient(center top, $from 35%, $to 100%); - background: -ms-linear-gradient(top, $from 35%, $to 100%); + background: -webkit-linear-gradient(top, $from 15%, $to 100%); + background: -moz-linear-gradient(center top, $from 15%, $to 100%); + background: -ms-linear-gradient(top, $from 15%, $to 100%); } -- 2.17.1