diff options
| -rw-r--r-- | less/mixins/media-queries.less | 26 |
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(); } +} + |