From f2be0746bff471b8733b923ecab3b4d3d2e9c8ba Mon Sep 17 00:00:00 2001 From: summerscope Date: Thu, 8 May 2014 16:01:34 +1000 Subject: [PATCH] Make padding top responsive depending on big or mobile menu top-bar --- app/assets/stylesheets/darkswarm/menu.css.sass | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/darkswarm/menu.css.sass b/app/assets/stylesheets/darkswarm/menu.css.sass index 7e67e885ef..bbe9bebdb6 100644 --- a/app/assets/stylesheets/darkswarm/menu.css.sass +++ b/app/assets/stylesheets/darkswarm/menu.css.sass @@ -1,9 +1,6 @@ @import branding @import mixins -body.off-canvas - padding-top: 45px - .top-bar @include box-shadow(0 2px 3px 0 rgba(0,0,0,0.25)) @@ -23,4 +20,10 @@ nav font-size: 0.875rem nav.top-bar a.icon i - font-size: 22px \ No newline at end of file + font-size: 22px + +// Responsive +@media screen and (min-width: 1025px) + body.off-canvas + padding-top: 45px +