Permalink
Browse files

Readme

  • Loading branch information...
1 parent 914d9d1 commit 60364b957a6bb22da8ae543634a224b8426f2188 Matt Berridge committed Jul 11, 2012
Showing with 10 additions and 8 deletions.
  1. BIN .sass-cache/1cc969d889aea750d059d8163e057fc09b91861f/style.scssc
  2. +8 −7 style.css
  3. +2 −1 style.scss
View
@@ -36,7 +36,8 @@ h2 {
border-bottom: 1px solid #ccc;
margin-bottom: 1.5em; }
-/* -- Use this wrapper if you want to block-out a column -- */
+/* -- Use this wrapper if you want to block-out a column with padding
+Taken from http://csswizardry.com/2011/10/the-island-object/) -- */
.island {
padding: 1.5em;
background-color: #ececec; }
@@ -65,7 +66,7 @@ h2 {
padding-left: 1.5em; }
/* -- If you want any columns to begin with -- */
-.col-full{
+.col-full {
width: 100%; }
.col-one-half {
@@ -86,9 +87,9 @@ h2 {
/* -- Media query 1 (mq1)
------------------------------------------------------------- */
@media only screen and (min-width: 30em) {
- .mq1-col-full{
+ .mq1-col-full {
width: 100%; }
-
+
.mq1-col-one-half {
width: 50%; }
@@ -106,7 +107,7 @@ h2 {
/* -- Media query 2 (mq2)
------------------------------------------------------------- */
@media only screen and (min-width: 48em) {
- .mq2-col-full{
+ .mq2-col-full {
width: 100%; }
.mq2-col-one-half {
@@ -126,9 +127,9 @@ h2 {
/* -- Media query 3 (mq3)
------------------------------------------------------------- */
@media only screen and (min-width: 60em) {
- .mq3-col-full{
+ .mq3-col-full {
width: 100%; }
-
+
.mq3-col-one-half {
width: 50%; }
View
@@ -41,7 +41,8 @@ h2 {
border-bottom: 1px solid #ccc;
margin-bottom: 1.5em; }
-/* -- Use this wrapper if you want to block-out a column -- */
+/* -- Use this wrapper if you want to block-out a column with padding
+Taken from http://csswizardry.com/2011/10/the-island-object/) -- */
.island {
padding: 1.5em;

0 comments on commit 60364b9

Please sign in to comment.