webapp/src/styles/views/Search.module.scss
Untone 6bd919f16b
Some checks failed
deploy / test (push) Failing after 1m9s
deploy / Update templates on Mailgun (push) Has been skipped
views-refactored
2024-10-02 23:12:14 +03:00

49 lines
774 B
SCSS

.search-form {
@include media-breakpoint-down(sm) {
margin-left: divide(-$container-padding-x, 2);
margin-right: divide(-$container-padding-x, 2);
}
display: flex;
margin-bottom: 2em;
margin-top: 2em;
input,
button {
display: block;
width: 100%;
}
input {
@include font-size(4rem);
border: none;
border-bottom: 1px solid #ccc;
height: 100%;
}
button {
@include font-size(2rem);
line-height: 4rem;
}
}
.search__show-more {
border: 3px solid !important;
display: block;
padding-bottom: 56.2%;
position: relative;
text-align: center;
}
.search__show-more-inner {
align-items: center;
justify-content: center;
display: flex;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}