proper separation between block presentation and element construtio in search block
This commit is contained in:
parent
4cfabe9ad5
commit
acfb3316a0
File diff suppressed because one or more lines are too long
|
@ -1,9 +1,28 @@
|
||||||
// .hero{
|
.hero{
|
||||||
|
.search{
|
||||||
|
// @include xy-grid();
|
||||||
|
.input-group {
|
||||||
|
@include breakpoint(small){
|
||||||
|
// @include xy-cell (12);
|
||||||
|
// margin-left: auto;
|
||||||
|
// margin-right: auto;
|
||||||
|
}
|
||||||
|
@include breakpoint(medium){
|
||||||
|
// @include xy-cell (6);
|
||||||
|
// margin-left: auto;
|
||||||
|
// margin-right: auto;
|
||||||
|
}
|
||||||
|
@include breakpoint(large){
|
||||||
|
// @include xy-cell (4);
|
||||||
|
// margin-left: auto;
|
||||||
|
// margin-right: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} //end .hero
|
||||||
|
article,.omekas-entry-content {
|
||||||
.search{
|
.search{
|
||||||
@include xy-grid();
|
@include xy-grid();
|
||||||
// display: flex;
|
|
||||||
// flex-direction: column;
|
|
||||||
// align-items: center;
|
|
||||||
.input-group {
|
.input-group {
|
||||||
@include breakpoint(small){
|
@include breakpoint(small){
|
||||||
@include xy-cell (12);
|
@include xy-cell (12);
|
||||||
|
@ -20,6 +39,11 @@
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.search{
|
||||||
|
.input-group {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 4rem;
|
border-radius: 4rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -83,4 +107,3 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// } //end .hero
|
|
||||||
|
|
Loading…
Reference in New Issue