From 9b4ea06c9523542ead55a2de3ad49e236e92b55f Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Sat, 21 Mar 2020 00:54:27 +0100 Subject: [PATCH] =?UTF-8?q?Z=C3=A1kladn=C3=AD=20styly=20pro=20sekci=20s=20?= =?UTF-8?q?obsahem?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sass/style.scss | 58 +++++++++++++++++++++++++++++++------------------ 1 file changed, 37 insertions(+), 21 deletions(-) diff --git a/sass/style.scss b/sass/style.scss index f9a087d..c0077ba 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -19,34 +19,50 @@ body { } } +#menu ul, #nav ul { + margin: 0; + padding: 0; + list-style-type: none; + overflow: hidden; +} + #menu { background-color: $primary; - ul { - margin: 0; - padding: 0; - list-style-type: none; - overflow: hidden; - - li { - float: left; - padding: .5em; - - &.active a { font-weight: bold; } - - &:hover { - background-color: darken($primary,6); - } - - a { - color: #fff; - - } + ul li { + float: left; + padding: .5em; + + &.active a { font-weight: bold; } + + &:hover { + background-color: darken($primary,6); } - } + a { + color: #fff; + } + } } #nav { float: left; + height: 100%; + border-right: 1px dotted #ccc; + padding: 1em 0; + width: 200px; + box-sizing: border-box; + + ul li { + padding: .5em; + + a { + color: #000; + } + } +} + +#main { + padding: 1.5em; + margin-left: 200px; }