rescaled button search

This commit is contained in:
jorge 2021-11-19 14:49:24 +01:00
parent 8796ae11a8
commit 8e19f65408
3 changed files with 29 additions and 11 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,33 @@
// .hero{ // .hero{
.search{ .search{
.input-group * { @include xy-grid();
margin: 0; // display: flex;
} // flex-direction: column;
// align-items: center;
.input-group { .input-group {
@include breakpoint(small){
@include xy-cell (12);
}
@include breakpoint(medium){
@include xy-cell (6);
}
@include breakpoint(medium){
@include xy-cell (4);
}
position: relative; position: relative;
border-radius: 4rem; border-radius: 4rem;
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;
margin: 0; margin: 0;
.appear {
right: 0;
position: absolute;
height: 100%;
padding: 0.3rem 1rem;
}
} }
.input-group .appear { .input-group * {
right: 0; margin: 0;
position: absolute;
height: 100%;
padding: 0.3rem 1rem;
} }
.button{ .button{
border-color: $primary-color; border-color: $primary-color;
@ -35,7 +48,7 @@
border:none; border:none;
background-color: $input-background-focus; background-color: $input-background-focus;
position: relative; position: relative;
right: 2rem; // right: 2rem;
+ .appear { + .appear {
display: block; display: block;
background-color: scale-color($input-background-focus, $lightness: -20%); background-color: scale-color($input-background-focus, $lightness: -20%);

View File

@ -197,7 +197,7 @@ main {
} }
header { header {
display: none; display: none;
// margin-top: 2*$global-margin; // margin-top: 2*$global-margin;
// border-top: 1px solid $body-font-color; // border-top: 1px solid $body-font-color;
// padding: $global-padding*2 0; // padding: $global-padding*2 0;
@ -222,6 +222,11 @@ main {
} }
} }
} }
.load_more {
display:flex;
flex-direction: column;
align-items: center;
}
.accordion-content { .accordion-content {
padding-top: 0; padding-top: 0;
section { section {