styled funds filters in small screens view

This commit is contained in:
jorge-vitrubio 2023-04-07 21:25:19 +02:00
parent 0b3ddb4a5c
commit 634c56e175
5 changed files with 278 additions and 791 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -102,7 +102,7 @@
} }
} }
} }
.ofisuport-filters{ .ofisuport-filters {
section { section {
margin: 1em 0; margin: 1em 0;
} }
@ -153,25 +153,34 @@
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {
//only smaller than 48em //only smaller than 48em
.post,
.page {
margin: 0 0 1em;
}
.ofisuport-filters { .ofisuport-filters {
section { section {
display: inline-block; display: block;
h5 { h5 {
display: inline-block; display: block;
width: 100%; width: 100%;
} }
.filter { .filter {
display: inline-block; display: inline-block;
width: 45%; width: 45%;
margin-top: 0.5rem;
margin-right: 0.3em; margin-right: 0.3em;
float: left; float: left;
&:last-of-type {
margin-bottom: 2rem;
}
} }
} }
} }
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
//only bigger than 48em //only bigger than 48em
.ofisuport-filters{ .ofisuport-filters {
padding-right: 2em; padding-right: 2em;
section { section {
margin: 1em 0; margin: 1em 0;

462
style.css

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long