add a generic media-query mixin

2018-01-06 08:52:53 +09:00 · 2018-01-06 08:52:53 +09:00 · 23bfe7ee4e
commit 23bfe7ee4e
parent 471825b973
1 changed files with 6 additions and 0 deletions
--- a/_sass/_media-queries.scss
+++ b/_sass/_media-queries.scss
@ -1,3 +1,9 @@
+@mixin media-query($device) {
+  @media screen and (max-width: $device) {
+    @content;
+  }
+}
+
@media screen and (min-width: $viewport-small) {
  html {
    font-size: 16px;