Refine search styling

This commit is contained in:
Michael Rose 2017-11-15 15:50:51 -05:00
parent 19f6d32745
commit f39b15a362
4 changed files with 364 additions and 370 deletions

View file

@ -28,6 +28,7 @@
@import "minimal-mistakes/masthead"; @import "minimal-mistakes/masthead";
@import "minimal-mistakes/navigation"; @import "minimal-mistakes/navigation";
@import "minimal-mistakes/footer"; @import "minimal-mistakes/footer";
@import "minimal-mistakes/search";
@import "minimal-mistakes/syntax"; @import "minimal-mistakes/syntax";
/* Utility classes */ /* Utility classes */

View file

@ -196,7 +196,6 @@
margin-left: 10px; margin-left: 10px;
} }
/* /*
Disabled state Disabled state
========================================================================== */ ========================================================================== */
@ -211,7 +210,6 @@
cursor: not-allowed; cursor: not-allowed;
} }
/* /*
Focus & active state Focus & active state
========================================================================== */ ========================================================================== */
@ -221,7 +219,8 @@
border-color: $primary-color; border-color: $primary-color;
outline: 0; outline: 0;
outline: thin dotted \9; outline: thin dotted \9;
box-shadow: inset 0 1px 3px rgba($text-color, 0.06), 0 0 5px rgba($primary-color, 0.7); box-shadow: inset 0 1px 3px rgba($text-color, 0.06),
0 0 5px rgba($primary-color, 0.7);
} }
input[type="file"]:focus, input[type="file"]:focus,
@ -231,7 +230,6 @@
box-shadow: none; box-shadow: none;
} }
/* /*
Help text Help text
========================================================================== */ ========================================================================== */
@ -263,7 +261,6 @@
border-width: 0; border-width: 0;
} }
/* /*
.form-inline .form-inline
========================================================================== */ ========================================================================== */
@ -291,8 +288,8 @@
.form-inline .checkbox input[type="checkbox"] { .form-inline .checkbox input[type="checkbox"] {
float: left; float: left;
margin-left: 0; margin-left: 0;
margin-right: 3px; } margin-right: 3px;
}
/* /*
.form-search .form-search
@ -331,13 +328,12 @@
margin-right: 3px; margin-right: 3px;
} }
/* /*
.form--loading .form--loading
========================================================================== */ ========================================================================== */
.form--loading:before { .form--loading:before {
content: ''; content: "";
} }
.form--loading .form__spinner { .form--loading .form__spinner {
@ -362,8 +358,6 @@
z-index: 11; z-index: 11;
} }
/* /*
Google search form Google search form
========================================================================== */ ========================================================================== */

View file

@ -172,7 +172,7 @@ input[type="checkbox"] {
} }
input[type="search"] { /* Appearance in Safari/Chrome*/ input[type="search"] { /* Appearance in Safari/Chrome*/
box-sizing: content-box; box-sizing: border-box;
-webkit-appearance: textfield; -webkit-appearance: textfield;
} }

View file

@ -1,10 +1,9 @@
.search-input { /* ==========================================================================
-webkit-appearance: none; SEARCH
border: 0; ========================================================================== */
border-radius: .25em;
font-family: inherit; .layout--search {
font-size: 1.25em; .archive__item-teaser {
margin: 2em auto 1em; margin-bottom: 0.25em;
padding: .5em; }
width: 100%;
} }