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

Fix composite Studio section layout

Browse source
This commit is contained in:
Meta Vens 2026-04-21 16:21:51 +01:00
commit de7679bb27
1 changed files with 54 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

66
quartz-site/quartz/styles/custom.scss
View file

@ -91,7 +91,7 @@ body {
margin-top: 1.4rem;
}
.page > #quartz-body .center header {
.page > #quartz-body .center > .page-header > header {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1rem 1.25rem;
@ -109,7 +109,7 @@ body {
overflow: hidden;
}
.page > #quartz-body .center header > .search {
.page > #quartz-body .center > .page-header > header > .search {
max-width: 9rem;
width: 100%;
justify-self: end;
@ -481,12 +481,12 @@ a:hover,
margin-top: 1.3rem;
}
.page > #quartz-body .center header {
.page > #quartz-body .center > .page-header > header {
grid-template-columns: minmax(0, 1fr);
padding: 0.95rem 0.95rem 1rem;
}
.page > #quartz-body .center header > .search {
.page > #quartz-body .center > .page-header > header > .search {
max-width: none;
justify-self: stretch;
}
@ -617,36 +617,49 @@ a:hover,
}
.gamecult-composite-copy {
display: flex;
flex-direction: column;
gap: 0.9rem;
min-width: 0;
padding: 0.15rem 0.1rem 0.2rem;
}
.gamecult-composite-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.6rem 1.2rem;
align-items: baseline;
margin-bottom: 0.9rem;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0.7rem 1rem;
align-items: start;
margin: 0;
padding: 0.8rem 0.95rem 0.85rem;
border: 1px solid rgba(89, 183, 255, 0.1);
border-radius: 20px;
background: linear-gradient(135deg, rgba(10, 16, 24, 0.9), rgba(17, 24, 35, 0.82));
box-shadow:
0 14px 28px rgba(0, 0, 0, 0.16),
inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.gamecult-composite-header h2 {
margin: 0;
color: var(--dark);
font-family: var(--titleFont);
font-size: clamp(1.55rem, 2.4vw, 2.2rem);
font-size: clamp(1.4rem, 2.1vw, 2rem);
font-weight: 200;
line-height: 0.96;
line-height: 0.92;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.gamecult-composite-standalone {
margin: 0;
align-self: center;
justify-self: end;
font-family: var(--titleFont);
font-size: 0.76rem;
font-weight: 300;
letter-spacing: 0.1em;
line-height: 1.2;
text-align: right;
text-transform: uppercase;
}
@ -659,6 +672,10 @@ a:hover,
margin-right: 0;
}
.gamecult-composite-body {
padding: 0 0.2rem;
}
.gamecult-home-hero {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
@ -772,7 +789,32 @@ a:hover,
}
}
@media all and (max-width: 1200px) {
.gamecult-composite-shell.has-media {
grid-template-columns: minmax(0, 1fr);
}
.gamecult-composite-media > figure {
max-width: 32rem;
}
}
@media all and ($mobile) {
.gamecult-composite-header {
grid-template-columns: minmax(0, 1fr);
padding: 0.75rem 0.8rem 0.8rem;
}
.gamecult-composite-standalone {
align-self: start;
justify-self: start;
text-align: left;
}
.gamecult-composite-body {
padding: 0;
}
.gamecult-composite-shell,
.gamecult-composite-shell.has-media {
grid-template-columns: minmax(0, 1fr);