ildi-wp/dev/scss/components/_search-form.scss
2018-08-10 15:08:34 -05:00

26 lines
410 B
SCSS

.search-form {
display: flex;
align-content: center;
align-items: center;
justify-content: flex-start;
margin: $gutter 0;
width: 100%;
[type="submit"] {
flex: 0 0 auto;
border-left-width: 0;
}
label {
flex: 1 1 auto;
width: 100%;
}
}
@media screen and (min-width: #{$screen-tablet}) {
.search-form {
justify-content: flex-end;
label { max-width: 250px; }
}
}