From 535d17079426df103d9db7e9191e1814a19e03ff Mon Sep 17 00:00:00 2001 From: Meta Vens Date: Fri, 2 Oct 2026 18:57:36 +0200 Subject: [PATCH] Blog asides flat: the outtake pull quote keeps its margin hang and orange left rule; box, tilt and the ::before bar go Co-Authored-By: Claude Opus 5.5 --- site/quartz/styles/custom.scss | 29 ++--------------------------- 1 file changed, 2 insertions(+), 27 deletions(-) diff --git a/site/quartz/styles/custom.scss b/site/quartz/styles/custom.scss index 6756780..e0219b5 100644 --- a/site/quartz/styles/custom.scss +++ b/site/quartz/styles/custom.scss @@ -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