diff options
author | Jonas Smedegaard <dr@jones.dk> | 2016-04-02 17:21:37 +0200 |
---|---|---|
committer | Jonas Smedegaard <dr@jones.dk> | 2016-04-02 17:21:37 +0200 |
commit | c4c47e72368a3b6c8cb03d89289eeb16ff96bff1 (patch) | |
tree | 69cc835b1153d08bec315f158358a9dce9a19a2e /test.scss | |
parent | eae62f13896d166a3418a58ed9384129fd7972f2 (diff) |
Compress menu at narrow width.
Diffstat (limited to 'test.scss')
-rw-r--r-- | test.scss | 16 |
1 files changed, 12 insertions, 4 deletions
@@ -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 { |