README.md in compass-respond-0.1.0 vs README.md in compass-respond-0.2.0
- old
+ new
@@ -58,10 +58,11 @@
* xs
* s
* m
* l
* xl
+ * xxl
SASS:
@import "respond-above"
.charts
@@ -74,19 +75,22 @@
column-count: 4
+respond-above(l)
column-count: 5
+respond-above(xl)
column-count: 6
+ +respond-above(xxl)
+ column-count: 7
CSS:
.charts { column-count: 1; }
@media only screen and (min-width: 480px) { .charts { column-count: 2; } }
@media only screen and (min-width: 600px) { .charts { column-count: 3; } }
@media only screen and (min-width: 768px) { .charts { column-count: 4; } }
@media only screen and (min-width: 992px) { .charts { column-count: 5; } }
@media only screen and (min-width: 1382px) { .charts { column-count: 6; } }
+ @media only screen and (min-width: 1824px) { .charts { column-count: 7; } }
+respond-below
--------------
Options:
@@ -94,16 +98,19 @@
* xs
* s
* m
* l
* xl
+ * xxl
SASS:
@import "respond-below"
.charts
- column-count: 6
+ column-count: 7
+ +respond-below(xxl)
+ column-count: 6
+respond-below(xl)
column-count: 5
+respond-below(l)
column-count: 4
+respond-below(m)
@@ -113,11 +120,12 @@
+respond-below(xs)
column-count: 1
CSS:
- .charts { column-count: 6; }
+ .charts { column-count: 7; }
+ @media only screen and (max-width: 1824px) { .charts { column-count: 6; } }
@media only screen and (max-width: 1382px) { .charts { column-count: 5; } }
@media only screen and (min-width: 992px) { .charts { column-count: 4; } }
@media only screen and (min-width: 768px) { .charts { column-count: 3; } }
@media only screen and (min-width: 600px) { .charts { column-count: 2; } }
@media only screen and (min-width: 480px) { .charts { column-count: 1; } }
@@ -140,12 +148,12 @@
@import "respond-below"
Contributors
------------
-@mikesten
-@mavilein
+ * [mikesten](https://github.com/mikesten)
+ * [mavilein](https://github.com/mavilein)
Credit
------
respond-to() is a convenience plugin for [Chris Eppstein's Gist](https://gist.github.com/1215856#file_7_media_queries.sass) demonstrating Sass 3.2's block passing to mixins.
@@ -154,6 +162,6 @@
respond-below() is the work of [mavilein](https://github.com/mavilein).
I'm fully expecting Compass to add something like this in the near future.
-Many thanks to Brandon Mathis and his [Fancy Buttons](https://github.com/imathis/fancy-buttons), which I used as a template for this gem.
\ No newline at end of file
+Many thanks to Brandon Mathis and his [Fancy Buttons](https://github.com/imathis/fancy-buttons), which I used as a template for this gem.