diff --git a/sass/main.scss b/sass/main.scss index 5da69c5..8c6232d 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -47,8 +47,37 @@ header { ul { display: flex; + position: relative; a { padding: .9rem } + a:hover, li:hover { color: #5E81AC } + + li:hover ul { display: grid } + + ul { + grid-template-columns: auto auto; + display: none; + position: absolute; + left: 0; + top: 100%; + width: 100%; + margin-top: .9rem; + padding: 1rem; + background-color: #FFF; + border-top: 5px solid #5E81AC; + box-shadow: 0px 1px 9px #00000033; + font-size: 1rem; + font-weight: normal; + color: #2E3440; + + a { + display: block; + padding: .5em; + + &:hover { color: #5E81AC } + } + + } } }