From 942893f749fdcf336fb09c208e004ea49eb7058c Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 16 May 2014 23:58:17 +0100 Subject: [PATCH] Fixed bug on hide/show classes to cutegrids.css --- css/cutegrids.css | 16 ++++------------ 1 file changed, 4 insertions(+), 12 deletions(-) diff --git a/css/cutegrids.css b/css/cutegrids.css index 24dbd5b..05f57f4 100644 --- a/css/cutegrids.css +++ b/css/cutegrids.css @@ -376,33 +376,25 @@ /* Make visible or hidden block elements */ - .show-phone { display: none !important; } + .show-phone, .show-tablet, .show-laptop, .show-desktop { display: none !important; } .hide-phone { display: block !important; } + @media only screen and (max-width: 47.938em) { - .phone { width: 100%; } .hide-phone { display:none !important; } .show-phone { display: block !important; } } - - .show-tablet { display: none !important; } - .hide-tablet { display: block !important; } + @media only screen and (min-width: 48em) and (max-width: 61.938em) { - .hide-tablet { display: none !important; } .show-tablet { display: block !important; } - } - .show-laptop { display: none !important; } - .hide-laptop { display: block !important; } + @media only screen and (min-width: 62em) and (max-width: 74.938em) { - .hide-laptop { display: none !important; } .show-laptop { display: block !important; } } - .show-desktop { display: none !important; } - .hide-desktop { display: block !important; } @media only screen and (min-width: 75em) { .hide-desktop { display: none !important; } .show-desktop { display: block !important; }