about summary refs log tree commit diff
path: root/app/javascript
diff options
context:
space:
mode:
authorkibigo! <marrus-sh@users.noreply.github.com>2017-06-24 18:30:59 -0700
committerkibigo! <marrus-sh@users.noreply.github.com>2017-06-24 18:30:59 -0700
commit4c37f629bce6fede13b6105749a10e585fb9c3b0 (patch)
treeba24c416524f5e6f94806b345d4b87e13a9affea /app/javascript
parentddba5d3b8c065cdf1ef206b13fea02444ffdf1f7 (diff)
Don't change layout of static pages
Diffstat (limited to 'app/javascript')
-rw-r--r--app/javascript/styles/accounts.scss8
-rw-r--r--app/javascript/styles/containers.scss4
2 files changed, 6 insertions, 6 deletions
diff --git a/app/javascript/styles/accounts.scss b/app/javascript/styles/accounts.scss
index 815f8b94f..10f8bd2b9 100644
--- a/app/javascript/styles/accounts.scss
+++ b/app/javascript/styles/accounts.scss
@@ -9,7 +9,7 @@
   overflow: hidden;
   position: relative;
 
-  @include single-column('screen and (max-width: 700px)') {
+  @media screen and (max-width: 700px) {
     border-radius: 0;
     box-shadow: none;
   }
@@ -148,7 +148,7 @@
     order: 1;
   }
 
-  @include single-column('screen and (max-width: 480px)') {
+  @media screen and (max-width: 480px) {
     .details {
       display: block;
     }
@@ -230,7 +230,7 @@
     color: lighten($ui-base-color, 10%);
   }
 
-  @include single-column('screen and (max-width: 360px)') {
+  @media screen and (max-width: 360px) {
     padding: 30px 20px;
 
     a,
@@ -258,7 +258,7 @@
   display: flex;
   flex-wrap: wrap;
 
-  @include single-column('screen and (max-width: 700px)') {
+  @media screen and (max-width: 700px) {
     border-radius: 0;
     box-shadow: none;
   }
diff --git a/app/javascript/styles/containers.scss b/app/javascript/styles/containers.scss
index 34d6cbc69..68f73e0c0 100644
--- a/app/javascript/styles/containers.scss
+++ b/app/javascript/styles/containers.scss
@@ -3,7 +3,7 @@
   margin: 0 auto;
   margin-top: 40px;
 
-  @include single-column('screen and (max-width: 700px)') {
+  @media screen and (max-width: 700px) {
     width: 100%;
     margin: 0;
   }
@@ -15,7 +15,7 @@
   margin-bottom: 0;
   cursor: default;
 
-  @include single-column('screen and (max-width: 360px)') {
+  @media screen and (max-width: 360px) {
     margin: 30px auto;
   }