From 59f8cfcd5ce0ed247eecd3dbf460fe567a7b1aa4 Mon Sep 17 00:00:00 2001 From: Jonas Smedegaard Date: Sat, 2 Apr 2016 21:44:42 +0200 Subject: Improve and release menu styling. --- test.scss | 55 ------------------------------------------------------- 1 file changed, 55 deletions(-) (limited to 'test.scss') diff --git a/test.scss b/test.scss index e3ffb50..e3a02e1 100644 --- a/test.scss +++ b/test.scss @@ -1,70 +1,15 @@ @import 'h5bp/helpers'; @import 'compass/css3'; -.topbar { - padding: 1.5em 0; - text-align: center; - @media screen and (min-width: 701px) { - padding: 1.5em 6em 1.5em 0; - text-align: right; - } -} - .topbar .footer { background-color: #336699; } -.topbar p, -.topbar .imgframe p { - float: left; -} - //.topbar ul { // display: block; // margin: 3em 0; //} -.topbar ul { - position: relative; - top: 1.8em; - clear: left; - @media screen and (max-width: 480px) { - top: 3.2em; - font-size: 10px; - } -} - -.topbar li { - text-align: center; -} - -.topbar ul li a, -.topbar ul li .selflink { - @include inline-block; - 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: 0; - padding-right: 0; - @media screen and (min-width: 701px) { - padding-left: .2em; - padding-right: .2em; - } -} - #content { width: 96%; max-width: none; -- cgit v1.2.3