From: Ian Weller Date: Wed, 31 Aug 2016 19:00:03 +0000 (-0400) Subject: found the right spacing X-Git-Tag: v1.0.0^2~39 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;h=da99a5c73f1304c283e37fff17354d671e11efaa;p=WP-Themes%2Fpetoskeyarea.git found the right spacing I did a massive amount of trial and error and I think I found something that will work. --- diff --git a/css/app.css b/css/app.css index 1a45b31..3ef8d77 100644 --- a/css/app.css +++ b/css/app.css @@ -7856,7 +7856,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px) { footer.main .guide ul.social li.facebook { - margin-right: 14.5px; } } + margin-right: 15px; } } @media screen and (max-width: 640px) { footer.main .guide ul.social li.facebook { background-position: 0 -79px; } @@ -7875,7 +7875,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px) { footer.main .guide ul.social li.twit { - margin: 0 14.5px; } } + margin: 0 15px; } } @media screen and (max-width: 640px) { footer.main .guide ul.social li.twit { background-position: -51px -79px; } @@ -7894,7 +7894,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px) { footer.main .guide ul.social li.blog { - margin: 0 14.5px; } } + margin: 0 15px; } } @media screen and (max-width: 640px) { footer.main .guide ul.social li.blog { background-position: -104px -79px; } @@ -7913,7 +7913,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px) { footer.main .guide ul.social li.pin { - margin: 0 14.5px; } } + margin: 0 15px; } } @media screen and (max-width: 640px) { footer.main .guide ul.social li.pin { background-position: -158px -79px; } @@ -7932,7 +7932,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px) { footer.main .guide ul.social li.tube { - margin: 0 14.5px; } } + margin: 0 15px; } } @media screen and (max-width: 640px) { footer.main .guide ul.social li.tube { background-position: -211px -79px; } @@ -7951,7 +7951,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px) { footer.main .guide ul.social li.insta { - margin-left: 14.5px; } } + margin-left: 15px; } } @media screen and (max-width: 640px) { footer.main .guide ul.social li.insta { background-position: -264px -79px; } diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss index 12b760a..c51a3a4 100644 --- a/scss/_page.footer.scss +++ b/scss/_page.footer.scss @@ -68,7 +68,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px){ - margin-right: 14.5px; + margin-right: 15px; } @media screen and (max-width: 640px) { background-position: 0 -79px; @@ -90,7 +90,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px){ - margin: 0 14.5px; + margin: 0 15px; } @media screen and (max-width: 640px) { background-position: -51px -79px; @@ -112,7 +112,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px){ - margin: 0 14.5px; + margin: 0 15px; } @media screen and (max-width: 640px) { background-position: -104px -79px; @@ -134,7 +134,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px){ - margin: 0 14.5px; + margin: 0 15px; } @media screen and (max-width: 640px) { background-position: -158px -79px; @@ -156,7 +156,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px){ - margin: 0 14.5px; + margin: 0 15px; } @media screen and (max-width: 640px) { background-position: -211px -79px; @@ -178,7 +178,7 @@ footer.main { display: block; } @media screen and (min-width: 1200px){ - margin-left: 14.5px; + margin-left: 15px; } @media screen and (max-width: 640px) { background-position: -264px -79px;