Add partial for media query mixins.

c6a69e09 · mrmrs · Mark Otto · 92e81718 · c6a69e09
Commit c6a69e09 authored 11 years ago by mrmrs Committed by Mark Otto 10 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 26 additions and 0 deletions
+26 -0
--- a/less/mixins/media-queries.less
+++ b/less/mixins/media-queries.less
+// Media query mixins
+
+.screen-xs(@rules) {
+  @media (max-width: @screen-xs-max) { @rules(); }
+}
+
+.screen-sm(@rules) {
+  @media (min-width: @screen-sm-min) { @rules(); }
+}
+
+.screen-sm-max(@rules) {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { @rules(); }
+}
+
+.screen-md(@rules) {
+  @media (min-width: @screen-md-min) { @rules(); }
+}
+
+.screen-md-max(@rules) {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { @rules(); }
+}
+
+.screen-lg(@rules) {
+  @media (min-width: @screen-lg-min) { @rules(); }
+}
+