BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

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).

Browse Source
This commit is contained in:
ardouglass 2012-01-30 15:00:05 -06:00
parent b7ae333d07
commit e0a9361beb
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
stylesheets/skeleton.css vendored
View File

@ -25,6 +25,8 @@
.container .column, .container .column,
.container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row { margin-bottom: 20px; } .row { margin-bottom: 20px; }
.hide-mobile { display: block; visibility: visible; }
/* Nested Column Classes */ /* Nested Column Classes */
.column.alpha, .columns.alpha { margin-left: 0; } .column.alpha, .columns.alpha { margin-left: 0; }
@ -69,8 +71,6 @@
.container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fourteen { padding-left: 840px; }
.container .offset-by-fifteen { padding-left: 900px; } .container .offset-by-fifteen { padding-left: 900px; }
/* #Tablet (Portrait) /* #Tablet (Portrait)
================================================== */ ================================================== */
@ -133,6 +133,8 @@
.container { width: 300px; } .container { width: 300px; }
.container .columns, .container .columns,
.container .column { margin: 0; } .container .column { margin: 0; }
.hide-mobile { display: none; visibility: hidden; }
.container .one.column, .container .one.column,
.container .one.columns, .container .one.columns,