From e03b47b76d911f985a857b34fdc1074c5675c194 Mon Sep 17 00:00:00 2001 From: Atanas Atanasov Date: Wed, 11 Sep 2019 15:01:56 +0300 Subject: [PATCH] Extend responsive utilities --- assets/utilities/_responsive_utilities.css | 42 +++++++++++++++++++++- 1 file changed, 41 insertions(+), 1 deletion(-) diff --git a/assets/utilities/_responsive_utilities.css b/assets/utilities/_responsive_utilities.css index 1fa1b6c..3941aac 100644 --- a/assets/utilities/_responsive_utilities.css +++ b/assets/utilities/_responsive_utilities.css @@ -2,15 +2,23 @@ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, +.visible-xs-flex, +.visible-xs-inline-flex, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, +.visible-sm-flex, +.visible-sm-inline-flex, .visible-md-block, .visible-md-inline, .visible-md-inline-block, +.visible-md-flex, +.visible-md-inline-flex, .visible-lg-block, .visible-lg-inline, -.visible-lg-inline-block { +.visible-lg-inline-block, +.visible-lg-flex, +.visible-lg-inline-flex { display: none !important; } @@ -30,6 +38,14 @@ .visible-xs-inline-block { display: inline-block !important; } + + .visible-xs-flex { + display: flex !important; + } + + .visible-xs-inline-flex { + display: inline-flex !important; + } } @media (--tablet-portrait-only) { @@ -48,6 +64,14 @@ .visible-sm-inline-block { display: inline-block !important; } + + .visible-sm-flex { + display: flex !important; + } + + .visible-sm-inline-flex { + display: inline-flex !important; + } } @media (--tablet-landscape-only) { @@ -66,6 +90,14 @@ .visible-md-inline-block { display: inline-block !important; } + + .visible-md-flex { + display: flex !important; + } + + .visible-md-inline-flex { + display: inline-flex !important; + } } @media (--desktop-only) { @@ -84,4 +116,12 @@ .visible-lg-inline-block { display: inline-block !important; } + + .visible-lg-flex { + display: flex !important; + } + + .visible-lg-inline-flex { + display: inline-flex !important; + } }