From c3bd1eb4577efcd060634f5a233cefa094f4a938 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=CC=88kull=20So=CC=81lberg=20Au=C3=B0unsson?= Date: Tue, 29 Nov 2011 17:40:44 +0000 Subject: [PATCH] Scope the .column and .columns selectors correctly. --- stylesheets/skeleton.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/stylesheets/skeleton.css b/stylesheets/skeleton.css index d0264a40b..6bf36d141 100644 --- a/stylesheets/skeleton.css +++ b/stylesheets/skeleton.css @@ -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,