diff --git a/less/mixins/media-queries.less b/less/mixins/media-queries.less new file mode 100644 index 0000000000000000000000000000000000000000..0f4a393dfa3c43a93e9bd8b53a603bc9fd66c568 --- /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(); } +} +