diff options
Diffstat (limited to 'scss/mixins/_media-queries.scss')
-rw-r--r-- | scss/mixins/_media-queries.scss | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/scss/mixins/_media-queries.scss b/scss/mixins/_media-queries.scss new file mode 100644 index 0000000000..b4e16ed888 --- /dev/null +++ b/scss/mixins/_media-queries.scss @@ -0,0 +1,25 @@ +// Media query mixins + +@mixin media-xs() { + @media (max-width: $screen-xs-max) { @content } +} + +@mixin media-sm() { + @media (min-width: $screen-sm-min) { @content } +} + +@mixin media-sm-max() { + @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { @content } +} + +@mixin media-md() { + @media (min-width: $screen-md-min) { @content } +} + +@mixin media-md-max() { + @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { @content } +} + +@mixin media-lg() { + @media (min-width: $screen-lg-min) { @content } +} |