summaryrefslogtreecommitdiff
path: root/test.scss
diff options
context:
space:
mode:
authorJonas Smedegaard <dr@jones.dk>2016-04-02 17:21:37 +0200
committerJonas Smedegaard <dr@jones.dk>2016-04-02 17:21:37 +0200
commitc4c47e72368a3b6c8cb03d89289eeb16ff96bff1 (patch)
tree69cc835b1153d08bec315f158358a9dce9a19a2e /test.scss
parenteae62f13896d166a3418a58ed9384129fd7972f2 (diff)
Compress menu at narrow width.
Diffstat (limited to 'test.scss')
-rw-r--r--test.scss16
1 files changed, 12 insertions, 4 deletions
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 {