From c4c47e72368a3b6c8cb03d89289eeb16ff96bff1 Mon Sep 17 00:00:00 2001 From: Jonas Smedegaard Date: Sat, 2 Apr 2016 17:21:37 +0200 Subject: Compress menu at narrow width. --- test.scss | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) (limited to 'test.scss') diff --git a/test.scss b/test.scss index 778ab4a..90299a2 100644 --- a/test.scss +++ b/test.scss @@ -37,20 +37,28 @@ .topbar ul li a, .topbar ul li .selflink { @include inline-block; - width: 10em; - padding: 1em; + width: 8em; + padding: 1em .5em; background-color: #6699cc; color: white; &:hover { background-color: lightblue; color: #336699; } + @media screen and (min-width: 701px) { + width: 10em; + padding: 1em; + } } // FIXME: change topbar inline-block-list padding instead .topbar ul li { - padding-left: .2em; - padding-right: .2em; + padding-left: 0; + padding-right: 0; + @media screen and (min-width: 701px) { + padding-left: .2em; + padding-right: .2em; + } } #content { -- cgit v1.2.3