From c6a69e09fe39aee972228b8e0078086404841c93 Mon Sep 17 00:00:00 2001 From: mrmrs <hi@mrmrs.cc> Date: Tue, 11 Mar 2014 04:32:55 -0700 Subject: [PATCH] Add partial for media query mixins. --- less/mixins/media-queries.less | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 less/mixins/media-queries.less diff --git a/less/mixins/media-queries.less b/less/mixins/media-queries.less new file mode 100644 index 0000000000..0f4a393dfa --- /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(); } +} + -- GitLab