Support overriding media queries for deciding between single-column/multi-column layouts with a class

2017-06-24 13:18:54 -05:00
parent 8b23bf7cbd
commit a70468aa56
6 changed files with 41 additions and 19 deletions
--- a/app/javascript/styles/containers.scss
+++ b/app/javascript/styles/containers.scss
@@ -3,7 +3,7 @@
  margin: 0 auto;
  margin-top: 40px;

-  @media screen and (max-width: 700px) {
+  @include single-column('screen and (max-width: 700px)') {
    width: 100%;
    margin: 0;
  }
@@ -15,7 +15,7 @@
  margin-bottom: 0;
  cursor: default;

-  @media screen and (max-width: 360px) {
+  @include single-column('screen and (max-width: 360px)') {
    margin: 30px auto;
  }