From d753e32d0cb52a851c55c7a9ce64fd9728a80e4c Mon Sep 17 00:00:00 2001 From: Dane Everitt Date: Wed, 25 Jul 2018 22:44:19 -0700 Subject: [PATCH] Make search big when clicked --- .vuepress/theme/styles/nav.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/.vuepress/theme/styles/nav.css b/.vuepress/theme/styles/nav.css index 8d326586..d1ace2d3 100644 --- a/.vuepress/theme/styles/nav.css +++ b/.vuepress/theme/styles/nav.css @@ -24,15 +24,16 @@ } .search-box { - @apply .relative .px-2; + @apply .relative .px-2 .w-full .text-right; input { transition: all 200ms ease-in; - @apply .text-grey-lighter .w-64 .outline-none .px-4 .py-2 .rounded; + @apply .text-grey-lighter .w-1/2 .outline-none .px-4 .py-2 .rounded; background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.3); &:active, &:focus { + @apply .w-5/6; transition: all 200ms ease-in; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.7)