Make search big when clicked

This commit is contained in:
Dane Everitt 2018-07-25 22:44:19 -07:00
parent f72f20ba2b
commit d753e32d0c
No known key found for this signature in database
GPG Key ID: EEA66103B3D71F53

View File

@ -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)