GameCult/gamecult-site
Watch
9
0
Fork
You've already forked gamecult-site
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Pull essay outtakes into right margin

Browse source
This commit is contained in:
Meta Vens 2026-06-01 21:47:41 +01:00
commit 7a5515d385
1 changed files with 12 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

15
site/quartz/styles/custom.scss
View file

@ -665,10 +665,11 @@ article > h6 {
.page > #quartz-body .center > article .gamecult-outtake {
position: relative;
box-sizing: border-box;
max-width: min(52rem, calc(100vw - 2.4rem));
margin: 3.1rem -2.8rem 3.2rem;
width: min(34rem, 44vw);
max-width: calc(100vw - 2.4rem);
margin: 3.1rem -14rem 3.2rem auto;
padding: 1.35rem 1.65rem 1.45rem 2rem;
transform: translateX(-0.8rem) rotate(-0.45deg);
transform: translateX(2.2rem) rotate(0.35deg);
border: 1px solid rgba(255, 138, 42, 0.26);
border-left: 0.28rem solid rgba(255, 138, 42, 0.84);
border-radius: 18px;
@ -696,6 +697,14 @@ article > h6 {
background: rgba(89, 183, 255, 0.62);
}
@media all and (max-width: 1280px) {
.page > #quartz-body .center > article .gamecult-outtake {
width: min(32rem, 88%);
margin-right: -4rem;
transform: translateX(0.8rem) rotate(0.25deg);
}
}
body[data-slug="Blog/the-sleeping-colossus-refuses-the-throne"] {
.page > #quartz-body {
grid-template-columns: minmax(0, 1fr);