Made the search bar a bit more responsive.
This commit is contained in:
@@ -34,6 +34,9 @@ body {
|
|||||||
.main #search-bar input:focus {
|
.main #search-bar input:focus {
|
||||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||||
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
|
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
|
||||||
|
@media only screen and (max-width: 791px) {
|
||||||
|
.main #search-bar {
|
||||||
|
width: 65%; } }
|
||||||
.main #other-content {
|
.main #other-content {
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 10px 0; }
|
padding: 10px 0; }
|
||||||
|
|||||||
@@ -52,6 +52,10 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 791px) {
|
||||||
|
width: 65%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#other-content {
|
#other-content {
|
||||||
|
|||||||
Reference in New Issue
Block a user