Scope the .column and .columns selectors correctly.

This commit is contained in:
Jökull Sólberg Auðunsson 2011-11-29 17:40:44 +00:00
parent 2dfa28cea9
commit c3bd1eb457

View File

@ -22,7 +22,8 @@
================================================== */
.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; }
/* Nested Column Classes */
@ -127,7 +128,8 @@
@media only screen and (max-width: 767px) {
.container { width: 300px; }
.columns, .column { margin: 0; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .two.columns,
@ -175,7 +177,8 @@
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.columns, .column { margin: 0; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .two.columns,