From 47bc2ab4306194679b2e853f0712e553d1a51dbf Mon Sep 17 00:00:00 2001 From: “Ryder <“r@okfoc.us”> Date: Mon, 28 Mar 2016 20:50:23 -0400 Subject: slick --- public/assets/ok.css | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) (limited to 'public') diff --git a/public/assets/ok.css b/public/assets/ok.css index 426ede8..a741c6d 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -87,6 +87,14 @@ menu ul { .navopen .item { transform: translateX(50vw); /*opacity:0.5;*/ + background: black; +} + +.navopen .item .top, +.navopen .item .bottom { + opacity: 0.1; + transition: 150ms opacity cubic-bezier(0, 0, 0, 1); + background: #eee; } div, @@ -132,7 +140,15 @@ nav span { padding: 2px; } -.index {} +.index { + width:60px; + transition: 150ms width; + transition-timing-function: cubic-bezier(0, 0, 0, 1); +} + +.navopen .index { + width: 50vw; +} .index:after { content: "INDEX"; @@ -222,7 +238,7 @@ button { button svg { opacity: 0; transition: 150ms all; - transition-timing-function: cubic-bezier(0, 0, 1, 1); + transition-timing-function: cubic-bezier(0, 0, 0, 1); transform: scale(0.3); } @@ -427,7 +443,6 @@ ul li { } .index { width: 10vw; - transition: 150ms width; } .index:after, .navopen .index:after { -- cgit v1.2.3-70-g09d2