Refine search styling
This commit is contained in:
parent
19f6d32745
commit
f39b15a362
4 changed files with 364 additions and 370 deletions
|
@ -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 */
|
||||||
|
|
|
@ -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
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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%;
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue