diff options
| -rw-r--r-- | public/assets/ok.css | 23 |
1 files changed, 13 insertions, 10 deletions
diff --git a/public/assets/ok.css b/public/assets/ok.css index db8dbec..f633fdf 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -36,15 +36,19 @@ body { .menu { position: fixed; height: 100vh; - width: 20vw; + width: 50vw; top: 0; left: 0; z-index: 2; - transform: translateX(-20vw); + transform: translateX(-50vw); padding: 30px 5px 5px 5px; transition: 150ms transform cubic-bezier(0, 0, 0, 1); z-index: 0; opacity: 0; + -webkit-column-count: 2; + -webkit-column-gap: 3px; + -moz-column-gap: 3px; + column-gap: 3px; } menu ul { @@ -73,7 +77,7 @@ menu ul { } .navopen .item { - transform: translateX(20vw); + transform: translateX(50vw); /*opacity:0.5;*/ } @@ -117,14 +121,17 @@ nav span { #burger { width: 10px; vertical-align: top; - padding: 2px; + padding: 2px; } + .index:after { - content:"INDEX"; + content: "INDEX"; } + .navopen .index:after { - content:"CLOSE"; + content: "CLOSE"; } + .desktop .index:hover, .navopen .index { color: white; @@ -401,10 +408,6 @@ ul li { .menu { width: 90vw; transform: translateX(-90vw); - -webkit-column-count: 2!important; - -webkit-column-gap: 3px; - -moz-column-gap: 3px; - column-gap: 3px; } .navopen .item { transform: translateX(90vw); |