|
|
@ -1115,6 +1115,21 @@ $small-breakpoint: 960px; |
|
|
|
} |
|
|
|
|
|
|
|
&.tag-page { |
|
|
|
@media screen and (max-width: $column-breakpoint) { |
|
|
|
padding: 0; |
|
|
|
|
|
|
|
.container { |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
#mastodon-timeline { |
|
|
|
display: block; |
|
|
|
width: 100vw; |
|
|
|
height: 100vh; |
|
|
|
border-radius: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.grid { |
|
|
|
@media screen and (min-width: $small-breakpoint) { |
|
|
|
grid-template-columns: 33% 67%; |
|
|
@ -1146,24 +1161,17 @@ $small-breakpoint: 960px; |
|
|
|
|
|
|
|
@media screen and (max-width: $column-breakpoint) { |
|
|
|
.grid { |
|
|
|
grid-gap: 0; |
|
|
|
|
|
|
|
.column-1 { |
|
|
|
grid-column: 1; |
|
|
|
grid-row: 2; |
|
|
|
grid-row: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.column-2 { |
|
|
|
grid-column: 1; |
|
|
|
grid-row: 1; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.brand { |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.landing-page__features { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |