Better mobile searching support

This commit is contained in:
Dane Everitt 2018-07-26 23:17:06 -07:00
parent a2c45b0e44
commit 8a81c3d12d
No known key found for this signature in database
GPG Key ID: EEA66103B3D71F53
2 changed files with 34 additions and 8 deletions

View File

@ -11,8 +11,16 @@
}
}
.logo-container {
width: 23rem; /* sidebar is 20rem + 1.5rem padding on each side for nav */
@screen md {
.logo-container {
width: 23rem; /* sidebar is 20rem + 1.5rem padding on each side for nav */
}
.home-link {
.site-name {
@apply .pl-2 .text-2xl;
}
}
}
.home-link {
@ -27,7 +35,7 @@
}
.site-name {
@apply .pl-2 .text-2xl;
@apply .hidden;
}
}
@ -51,12 +59,9 @@
.suggestion-container {
@apply .w-full;
.suggestion-padding {
@apply .w-1/3 .inline-block;
}
.suggestions {
@apply .bg-white .rounded .border .p-2 .text-left .w-2/3 .inline-block;
@apply .bg-white .rounded .border .p-2 .text-left .inline-block .w-2/3;
left: 0;
margin-top: -0.3rem;
list-style: none;
@ -77,6 +82,22 @@
}
}
}
@screen smx {
@apply .fixed .z-50 .h-full;
background: rgba(0, 0, 0, 0.7);
left: 0;
.suggestions {
@apply .w-full .fixed .rounded-none .mt-0;
}
}
@screen md {
.suggestion-padding {
@apply .w-1/3 .inline-block;
}
}
}
}

View File

@ -165,6 +165,11 @@ module.exports = {
'md': '768px',
'lg': '992px',
'xl': '1200px',
'xsx': {'max': '575px'},
'smx': {'max': '767px'},
'mdx': {'max': '991px'},
'lgx': {'max': '1999px'},
},