From e0a9361beb5cb494ffcf2fc4f71a372c821efafc Mon Sep 17 00:00:00 2001 From: ardouglass Date: Mon, 30 Jan 2012 15:00:05 -0600 Subject: [PATCH] Added .hide-mobile class to skeleton.css so users can easily hide block elements on mobile devices (for example, a column used as a sidebar for advertisements or supplemental, but ultimately unnecessary information). --- stylesheets/skeleton.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/stylesheets/skeleton.css b/stylesheets/skeleton.css index ddc5e93..c349b94 100644 --- a/stylesheets/skeleton.css +++ b/stylesheets/skeleton.css @@ -25,6 +25,8 @@ .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } + .hide-mobile { display: block; visibility: visible; } + /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } @@ -69,8 +71,6 @@ .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } - - /* #Tablet (Portrait) ================================================== */ @@ -133,6 +133,8 @@ .container { width: 300px; } .container .columns, .container .column { margin: 0; } + .hide-mobile { display: none; visibility: hidden; } + .container .one.column, .container .one.columns,