Allowed little media rules
This commit is contained in:
parent
ca0d30c04b
commit
7427680e75
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue