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

Fixes #1311 margin shouldn't stay fixed (#1312)

lolsob-rspec
Brian Mock 2017-04-09 05:45:26 -07:00 committed by Eugen
parent 641e809eaf
commit b92480bc01
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/assets/stylesheets/components.scss
View File

@ -714,7 +714,15 @@ a.status__content__spoiler-link {
@media screen and (min-width: 360px) {
.columns-area {
margin: 10px;
margin: 0;
}
.column:first-child, .drawer:first-child {
margin-left: 0;
}
.column:last-child, .drawer:last-child {
margin-right: 0;
}
}
@ -816,6 +824,7 @@ a.status__content__spoiler-link {
}
.column, .drawer {
margin: 10px;
margin-left: 5px;
margin-right: 5px;
flex: 0 0 auto;
@ -823,11 +832,11 @@ a.status__content__spoiler-link {
}
.column:first-child, .drawer:first-child {
margin-left: 0;
margin-left: 10px;
}
.column:last-child, .drawer:last-child {
margin-right: 0;
margin-right: 10px;
}
@media screen and (max-width: 1024px) {
@ -885,6 +894,10 @@ a.status__content__spoiler-link {
}
@media screen and (min-width: 360px) {
.columns-area {
margin: 10px;
}
.tabs-bar {
margin: 10px;
margin-bottom: 0;
@ -895,6 +908,12 @@ a.status__content__spoiler-link {
}
}
@media screen and (min-width: 1024px) {
.columns-area {
margin: 0;
}
}
@media screen and (min-width: 600px) {
.tabs-bar__link {
.fa {