From 1f18623db9c97bde0ec544d7adbf825bb602c17c Mon Sep 17 00:00:00 2001 From: Dennis Eichhorn Date: Fri, 19 May 2023 02:30:40 +0000 Subject: [PATCH] allow to hide elements --- grid.scss | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/grid.scss b/grid.scss index c7e3e70..aa85bdd 100755 --- a/grid.scss +++ b/grid.scss @@ -41,6 +41,14 @@ display: none; } +.xs-hidden, +.sm-hidden, +.md-hidden, +.lg-hidden +{ + display: hidden; +} + .col-xs-0 { box-sizing: border-box; flex-grow: 0; @@ -231,6 +239,10 @@ } @media only screen and (min-width: 48em) { + .sm-hidden { + display: inherit; + } + .container { width: 46rem; } @@ -412,6 +424,10 @@ } @media only screen and (min-width: 62em) { + .md-hidden { + display: inherit; + } + .container { width: 61rem; } @@ -593,6 +609,10 @@ } @media only screen and (min-width: 75em) { + .lg-hidden { + display: inherit; + } + .container { width: 71rem; }