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; }