diff options
| -rw-r--r-- | public/assets/ok.css | 31 | ||||
| -rw-r--r-- | templates/index.liquid | 2 |
2 files changed, 20 insertions, 13 deletions
diff --git a/public/assets/ok.css b/public/assets/ok.css index 4696d95..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;*/ } @@ -116,22 +120,26 @@ nav span { #burger { width: 10px; - vertical-align: top + vertical-align: top; + padding: 2px; } + .index:after { - content:"INDEX"; + content: "INDEX"; } + .navopen .index:after { - content:"CLOSE"; + content: "CLOSE"; } -.index:hover, + +.desktop .index:hover, .navopen .index { color: white; cursor: pointer; background: black; } -.index:hover svg, +.desktop .index:hover svg, .navopen .index svg { fill: white; } @@ -143,7 +151,6 @@ nav div { nav span div:first-child { float: left; - padding-right: 20px; } nav span div:nth-child(2) { @@ -399,11 +406,11 @@ ul li { width: 22px; } .menu { - width: 45vw; - transform: translateX(-45vw); + width: 90vw; + transform: translateX(-90vw); } .navopen .item { - transform: translateX(45vw); + transform: translateX(90vw); } .top { margin-top: 30px; diff --git a/templates/index.liquid b/templates/index.liquid index 341734b..348d931 100644 --- a/templates/index.liquid +++ b/templates/index.liquid @@ -57,7 +57,7 @@ </g> </svg> </div> - <div>OKFocus LLC. • 2016</div> + <div>OKFocus LLC. - Portfolio • 2016</div> <div>SLIDE.1 • PG.1</div> </span> </nav> |