74 lines
1.2 KiB
SCSS
74 lines
1.2 KiB
SCSS
.search-widget {
|
|
@include search-box;
|
|
}
|
|
.header-top {
|
|
.search-widget {
|
|
form {
|
|
input[type="text"] {
|
|
height: 54px;
|
|
min-width: inherit;
|
|
width: 100%;
|
|
min-width:240px;
|
|
padding: 0.5rem 2rem 0.5rem 1.25rem;
|
|
background: none;
|
|
&:focus {
|
|
padding-left: 1.5rem;
|
|
padding-right: 2.5rem;
|
|
box-shadow: 0 14px 40px 0px rgba(0, 0, 0, 0.11);
|
|
}
|
|
}
|
|
button[type=submit] {
|
|
outline: none!important;
|
|
.search svg {
|
|
width:28px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#checkout {
|
|
#search_widget {
|
|
display: none; /* Not ideal solution by allows to reuse same hooks/templates */
|
|
}
|
|
}
|
|
|
|
#pagenotfound {
|
|
.page-content {
|
|
#search_widget {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.page-not-found {
|
|
.search-widget {
|
|
form {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.layout-full-width.page-search {
|
|
h2 {
|
|
margin-top:22px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
/*** Responsive part ***/
|
|
@include media-breakpoint-down(sm) {
|
|
.header-top {
|
|
.search-widget {
|
|
float: none;
|
|
padding: 0 0.9375rem;
|
|
form {
|
|
margin: 0 auto;
|
|
input[type="text"] {
|
|
min-width: inherit;
|
|
background: white;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|