CloudToys/puyopuyotetr.is
1
0
Fork 0
Code

Allowed little media rules

Browse Source
This commit is contained in:
kibigo! 2017-06-24 20:14:58 -07:00
parent ca0d30c04b
commit 7427680e75
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/styles/_mixins.scss
View File

@ -31,4 +31,4 @@
.multi-columns #{$parent} {
@content;
}
}
}

12
app/javascript/styles/components.scss
View File

@ -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;