From: Anthony Talarico Date: Mon, 7 Dec 2015 18:40:05 +0000 (-0500) Subject: changing view port range for blocks margin X-Git-Tag: v1.0.0^2~119 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=d092e20247136002e64618390778f417a653876e;p=WP-Themes%2Fstaffords.git changing view port range for blocks margin --- diff --git a/css/app.css b/css/app.css index 9415493..255709b 100644 --- a/css/app.css +++ b/css/app.css @@ -7064,6 +7064,20 @@ main a { .stButton .chicklets { height: 20px !important; } +.blocks { + position: relative; + padding: 0 38px; + margin-bottom: 50px; } + @media only screen and (max-width: 40em) { + .blocks { + padding: 0 15px; + max-width: 260px; + margin-bottom: 75px; } } + @media 40.063em, 64em { + .blocks { + margin-top: 20px; + margin-bottom: 75px; } } + #slideshow { top: -121px; position: relative; diff --git a/scss/_main.scss b/scss/_main.scss index f3499d5..1d4d98e 100644 --- a/scss/_main.scss +++ b/scss/_main.scss @@ -136,6 +136,19 @@ a.title-posts h1{ height: 20px !important; } - - +.blocks { + position: relative; + // top: -150px; + padding: 0 38px; + margin-bottom: 50px; + @media #{$small-only} { + padding: 0 15px; + max-width: 260px; + margin-bottom: 75px; +} +@media #{$medium-range}{ + margin-top: 20px; + margin-bottom: 75px; +} +}