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

Blog asides flat: the outtake pull quote keeps its margin hang and orange left rule; box, tilt and the ::before bar go

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Meta Vens 2026-10-02 18:57:36 +02:00
commit 535d170794
1 changed files with 2 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1013,17 +1013,8 @@ article > h6 {
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(2.2rem) rotate(0.35deg);
border: 1px solid rgba(255, 138, 42, 0.26);
padding: 0.2rem 0 0.2rem 1.4rem;
border-left: 0.28rem solid rgba(255, 138, 42, 0.84);
border-radius: 18px;
background:
linear-gradient(135deg, rgba(15, 21, 31, 0.97), rgba(8, 14, 22, 0.94)),
linear-gradient(90deg, rgba(255, 138, 42, 0.12), rgba(89, 183, 255, 0.05));
box-shadow:
0 22px 42px rgba(0, 0, 0, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.04);
color: #eef5ff;
font-family: var(--bodyFont);
font-size: 1.08rem;
@ -1033,20 +1024,10 @@ article > h6 {
line-height: 1.65;
}
.page > #quartz-body .center > article .gamecult-outtake::before {
content: "";
position: absolute;
inset: 0.7rem auto 0.7rem -0.7rem;
width: 0.16rem;
border-radius: 999px;
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);
}
}
@ -1387,16 +1368,10 @@ a:hover,
.page > #quartz-body .center > article .gamecult-outtake {
max-width: 100%;
margin: 2.2rem 0 2.3rem;
padding: 1.1rem 1.15rem 1.2rem 1.45rem;
transform: none;
border-radius: 16px;
padding: 0.1rem 0 0.1rem 1.1rem;
font-size: 1rem;
}
.page > #quartz-body .center > article .gamecult-outtake::before {
inset: 0.6rem auto 0.6rem -0.45rem;
}
.page
> #quartz-body
.center