allow to hide elements

This commit is contained in:
Dennis Eichhorn 2023-05-19 02:30:40 +00:00
parent 4a18ab10b8
commit 1f18623db9

View File

@ -41,6 +41,14 @@
display: none; display: none;
} }
.xs-hidden,
.sm-hidden,
.md-hidden,
.lg-hidden
{
display: hidden;
}
.col-xs-0 { .col-xs-0 {
box-sizing: border-box; box-sizing: border-box;
flex-grow: 0; flex-grow: 0;
@ -231,6 +239,10 @@
} }
@media only screen and (min-width: 48em) { @media only screen and (min-width: 48em) {
.sm-hidden {
display: inherit;
}
.container { .container {
width: 46rem; width: 46rem;
} }
@ -412,6 +424,10 @@
} }
@media only screen and (min-width: 62em) { @media only screen and (min-width: 62em) {
.md-hidden {
display: inherit;
}
.container { .container {
width: 61rem; width: 61rem;
} }
@ -593,6 +609,10 @@
} }
@media only screen and (min-width: 75em) { @media only screen and (min-width: 75em) {
.lg-hidden {
display: inherit;
}
.container { .container {
width: 71rem; width: 71rem;
} }