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

Scope the .column and .columns selectors correctly.

Browse Source
This commit is contained in:
Jökull Sólberg Auðunsson 2011-11-29 17:40:44 +00:00
parent 2dfa28cea9
commit c3bd1eb457
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
stylesheets/skeleton.css vendored
View File

@ -22,7 +22,8 @@
================================================== */ ================================================== */
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .container .column,
.container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row { margin-bottom: 20px; } .row { margin-bottom: 20px; }
/* Nested Column Classes */ /* Nested Column Classes */
@ -127,7 +128,8 @@
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
.container { width: 300px; } .container { width: 300px; }
.columns, .column { margin: 0; } .container .columns,
.container .column { margin: 0; }
.container .one.column, .container .one.column,
.container .two.columns, .container .two.columns,
@ -175,7 +177,8 @@
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; } .container { width: 420px; }
.columns, .column { margin: 0; } .container .columns,
.container .column { margin: 0; }
.container .one.column, .container .one.column,
.container .two.columns, .container .two.columns,