Merge branch 'master' of github.com:okfocus/portfolio

1 files changed, 19 insertions, 12 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;