diff options
| author | “Ryder <“r@okfoc.us”> | 2016-03-28 19:20:21 -0400 |
|---|---|---|
| committer | “Ryder <“r@okfoc.us”> | 2016-03-28 19:20:21 -0400 |
| commit | d5a8b23c9d4d7b72ce7f3931fe62bd34c70b2a23 (patch) | |
| tree | cad1c5114995b69d6495c9c9e12cd71e5a1cf1ab | |
| parent | f0eede3cd86f38ad57d621f1fd33f8449eabf930 (diff) | |
menu
| -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); |
