[Glitch] Redesign public hashtag page to use a masonry layout

Port bc642ac24b to glitch flavour
This commit is contained in:
Thibaut Girka
2019-01-19 18:55:27 +01:00
parent 5e0cf92fd1
commit 3e8b623975
5 changed files with 361 additions and 47 deletions

View File

@ -425,3 +425,30 @@
border-radius: 0;
}
}
$maximum-width: 1235px;
$fluid-breakpoint: $maximum-width + 20px;
.statuses-grid {
min-height: 600px;
&__item {
width: (960px - 20px) / 3;
@media screen and (max-width: $fluid-breakpoint) {
width: (940px - 20px) / 3;
}
@media screen and (max-width: $no-gap-breakpoint) {
width: 100vw;
}
}
.detailed-status {
border-radius: 4px;
@media screen and (max-width: $no-gap-breakpoint) {
border-bottom: 1px solid lighten($ui-base-color, 12%);
}
}
}