styled funds filters in small screens view
This commit is contained in:
parent
0b3ddb4a5c
commit
634c56e175
564
adminstyles.css
564
adminstyles.css
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -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;
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue