treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Allowed little media rules

lolsob-rspec
kibigo! 2017-06-24 20:14:58 -07:00
parent cf1a103ee7
commit 1e6267ae2f
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} { .multi-columns #{$parent} {
@content; @content;
} }
} }

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

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