79 lines
1.1 KiB
SCSS
79 lines
1.1 KiB
SCSS
.text-icon-button {
|
|
&.active {
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
|
|
.sensitive {
|
|
&.inverted.active {
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
|
|
.status__collapse-button {
|
|
&.active {
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
|
|
.column {
|
|
flex-grow: 1 !important;
|
|
}
|
|
|
|
.status__content__spoiler-link {
|
|
font-weight: 800;
|
|
}
|
|
|
|
.landing-page {
|
|
.header-wrapper {
|
|
.mascot {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
width: 75%;
|
|
height: auto;
|
|
left: 0px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.drawer {
|
|
@for $i from 0 through 3 {
|
|
&.mbstobon-#{$i} > .contents {
|
|
background-image: none;
|
|
filter: none;
|
|
& > .mastodon {
|
|
background: url("~images/mastodon-getting-started.png") no-repeat left bottom / contain;
|
|
filter: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.sensitive-info {
|
|
left: 26px;
|
|
}
|
|
|
|
.status__content {
|
|
padding: 0;
|
|
// hmm
|
|
}
|
|
|
|
//no gaps in mobile mode
|
|
@media screen and (min-width: 360px) {
|
|
.tabs-bar {
|
|
margin: 0 !important
|
|
}
|
|
|
|
.columns-area {
|
|
padding: 0 !important
|
|
}
|
|
|
|
.react-swipeable-view-container .columns-area {
|
|
height: 100% !important
|
|
}
|
|
|
|
.getting-started__trends, .getting-started__wrapper, .search {
|
|
margin: 0 !important
|
|
}
|
|
}
|