diff --git a/sass/base.sass b/sass/base.sass index 0c77f6de..60b5f7e5 100644 --- a/sass/base.sass +++ b/sass/base.sass @@ -14,12 +14,6 @@ body font-size: 1rem line-height: 1.6 -a, -button, -input, -textarea - outline: none - a color: $link cursor: pointer @@ -64,3 +58,10 @@ html.is-index html font-size: 18px padding-left: $menu-width + +[href="#main"] + position: absolute; + top: 0; + right: 100%; + &:focus + right: auto; diff --git a/sass/menu.sass b/sass/menu.sass index e5d79873..4e2b56c8 100644 --- a/sass/menu.sass +++ b/sass/menu.sass @@ -52,10 +52,14 @@ justify-content: flex-start overflow: hidden + .menu-search flex-grow: 0 flex-shrink: 0 position: relative + label + position: absolute + left: -100vw input -moz-appearance: none -webkit-appearance: none @@ -100,6 +104,10 @@ &.is-selected background: $alpha color: $alpha-invert + &:focus + outline: none + background: $alpha + color: $alpha-invert &.is-searching a display: none