Add partial for media query mixins.

1 files changed, 26 insertions, 0 deletions

diff --git a/less/mixins/media-queries.less b/less/mixins/media-queries.less
new file mode 100644
index 000000000..0f4a393df
--- /dev/null
+++ b/less/mixins/media-queries.less
@@ -0,0 +1,26 @@
+// 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(); }
+}
+