From f0eede3cd86f38ad57d621f1fd33f8449eabf930 Mon Sep 17 00:00:00 2001 From: “Ryder <“r@okfoc.us”> Date: Mon, 28 Mar 2016 19:12:44 -0400 Subject: av stuff --- public/assets/ok.css | 18 +++++++++++------- templates/index.liquid | 2 +- 2 files changed, 12 insertions(+), 8 deletions(-) diff --git a/public/assets/ok.css b/public/assets/ok.css index 4696d95..db8dbec 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -116,7 +116,8 @@ nav span { #burger { width: 10px; - vertical-align: top + vertical-align: top; + padding: 2px; } .index:after { content:"INDEX"; @@ -124,14 +125,14 @@ nav span { .navopen .index:after { 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 +144,6 @@ nav div { nav span div:first-child { float: left; - padding-right: 20px; } nav span div:nth-child(2) { @@ -399,11 +399,15 @@ ul li { width: 22px; } .menu { - width: 45vw; - transform: translateX(-45vw); + 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(45vw); + transform: translateX(90vw); } .top { margin-top: 30px; diff --git a/templates/index.liquid b/templates/index.liquid index 20df323..0112a05 100644 --- a/templates/index.liquid +++ b/templates/index.liquid @@ -89,7 +89,7 @@ -
OKFocus LLC. • 2016
+
OKFocus LLC. - Portfolio • 2016
SLIDE.1 • PG.1
-- cgit v1.2.3-70-g09d2 From d5a8b23c9d4d7b72ce7f3931fe62bd34c70b2a23 Mon Sep 17 00:00:00 2001 From: “Ryder <“r@okfoc.us”> Date: Mon, 28 Mar 2016 19:20:21 -0400 Subject: menu --- public/assets/ok.css | 23 +++++++++++++---------- 1 file 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); -- cgit v1.2.3-70-g09d2