diff --git a/src/css/layout/_nav.scss b/src/css/layout/_nav.scss index 9871844..799311f 100644 --- a/src/css/layout/_nav.scss +++ b/src/css/layout/_nav.scss @@ -25,14 +25,22 @@ opacity: 0; position: fixed; color: _palette(white); - bottom: 100vh; right: 0; left: 0; - margin: 0 auto -50vh; + top: 50%; + transform: translate(0, -50%); li { transform: translate3d(0,0,0); - margin: 0 40%; + margin: 1em 40%; + + > a { + line-height: 3em; + margin: 1em 0; + display: block; + border-bottom: none; + } + &:before { @include vendor('transition', ( 'width #{_duration(transition2)} ease', @@ -45,6 +53,7 @@ left: auto; background-color: _palette(white); width: 0; + pointer-events: none; } &:after { @include vendor('transition', ( @@ -59,6 +68,8 @@ left: 0; margin: auto; color: _palette(menu); + pointer-events: none; + line-height: 3em; } &:hover { &:before { diff --git a/src/index.html b/src/index.html index 349c8c9..8a1d71a 100644 --- a/src/index.html +++ b/src/index.html @@ -50,10 +50,10 @@ @@ -64,7 +64,7 @@ - +