From efa12859e570c735211df734bce24bf709ccb128 Mon Sep 17 00:00:00 2001 From: Astralof <41782505+Astralof@users.noreply.github.com> Date: Tue, 25 Sep 2018 15:10:29 +0200 Subject: [PATCH] Hotfix semantic scss --- _sass/_semantic_fixes.scss | 49 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) diff --git a/_sass/_semantic_fixes.scss b/_sass/_semantic_fixes.scss index 9aec175..141bc56 100644 --- a/_sass/_semantic_fixes.scss +++ b/_sass/_semantic_fixes.scss @@ -67,3 +67,52 @@ display: none !important; } } + +/***/ + +/* Mobile */ +@media only screen and (max-width: 767px) { + .hidden-on-mobile { + display: none !important; + } +} + +/* Tablet / iPad Portrait */ +@media only screen and (min-width: 768px) and (max-width: 991px) { + .hidden-on-tablet { + display: none !important; + } +} +/* Tablet and lower*/ +@media only screen and (max-width: 991px) { + .hidden-on-tablet-and-lower { + display: none !important; + } +} + +/* Computer / Desktop / iPad Landscape */ +@media only screen and (min-width: 992px) and (max-width: 1199px) { + .hidden-on-computer { + display: none !important; + } +} +/* Computer and wider */ +@media only screen and (min-width: 992px) { + .hidden-on-computer-and-wider { + display: none !important; + } +} + +/* Large Monitor */ +@media only screen and (min-width: 1200px) and (max-width: 1919px) { + .hidden-on-large-screen { + display: none !important; + } +} + +/* Widescreen Monitor */ +@media only screen and (min-width: 1920px) { + .hidden-on-widescreen { + display: none !important; + } +}