Allowed little media rules

app/javascript/styles/components.scss

@@ -1330,7 +1330,7 @@
   position: relative;
 }
 
-@include multi-columns('screen and (min-width: 360px)', $parent: null) {
+@media screen and (min-width: 360px) {
   .columns-area {
     padding: 10px;
   }
@@ -1386,7 +1386,7 @@
   }
 }
 
-@include multi-columns('screen and (min-width: 360px)', $parent: null) {
+@media screen and (min-width: 360px) {
   .tabs-bar {
     margin: 10px;
     margin-bottom: 0;
@@ -1557,7 +1557,7 @@
   }
 }
 
-@include multi-columns('screen and (min-width: 600px)', $parent: null) {
+@media screen and (min-width: 600px) {
   .tabs-bar__link {
     span {
       display: inline;
@@ -3090,7 +3090,7 @@ button.icon-button.active i.fa-retweet {
   }
 }
 
-@include single-column('screen and (max-width: 550px)', $parent: null) {
+@media screen and (max-width: 550px) {
   .onboarding-modal {
     width: 100%;
     height: 100%;
@@ -3226,7 +3226,7 @@ button.icon-button.active i.fa-retweet {
   margin-right: 15px;
 }
 
-@include single-column('screen and (max-width: 400px)', $parent: null) {
+@media screen and (max-width: 400px) {
   .onboarding-modal__page-one {
     flex-direction: column;
   }
@@ -3301,7 +3301,7 @@ button.icon-button.active i.fa-retweet {
   }
 }
 
-@include single-column('screen and (max-width: 320px) and (max-height: 600px)', $parent: null) {
+@media screen and (max-width: 320px) and (max-height: 600px) {
   .onboarding-modal__page p {
     font-size: 14px;
     line-height: 20px;