structure optimisation
All checks were successful
Deploy Sokko G / deploy (push) Successful in 6s

This commit is contained in:
Shinuwa 2026-07-22 22:49:36 +02:00
parent 34523e78b1
commit 5c86fd2ceb
19 changed files with 724 additions and 519 deletions

View file

@ -1,6 +1,6 @@
@use "mixins";
.mhwilds-home-grid {
.game-home-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 380px));
justify-content: center;
@ -8,7 +8,7 @@
margin-top: var(--space-6);
}
.mhwilds-home-card {
.game-home-card {
overflow: hidden;
border-color: transparent;
border-radius: var(--radius-md);
@ -21,12 +21,12 @@
}
@supports (corner-shape: scoop) {
.mhwilds-home-card {
.game-home-card {
corner-shape: scoop;
}
}
.mhwilds-home-card:hover {
.game-home-card:hover {
transform: none;
border-color: transparent;
background:
@ -38,7 +38,7 @@
0 0 34px rgba(196, 181, 253, 0.12);
}
.mhwilds-home-card img {
.game-home-card img {
display: block;
width: 100%;
height: 120px;
@ -48,31 +48,31 @@
background: rgba(5, 7, 17, 0.28);
}
.mhwilds-home-card strong,
.mhwilds-home-card span {
.game-home-card strong,
.game-home-card span {
margin-inline: var(--space-5);
}
.mhwilds-home-card strong {
.game-home-card strong {
margin-top: var(--space-4);
}
.mhwilds-home-card span {
.game-home-card span {
margin-bottom: var(--space-5);
}
.mhwilds-heading p {
.game-heading p {
max-width: 70ch;
}
.mhwilds-title-row {
.game-title-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.mhwilds-title-row h1 {
.game-title-row h1 {
margin-bottom: 0;
}
@ -89,7 +89,7 @@
font-weight: 800;
}
.mhwilds-layout {
.game-layout {
display: grid;
grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
gap: var(--space-5);
@ -97,7 +97,7 @@
align-items: start;
}
.mhwilds-filters {
.game-filters {
position: sticky;
top: 92px;
}
@ -223,7 +223,7 @@
white-space: nowrap;
}
.mhwilds-grid {
.game-grid {
display: grid;
gap: var(--space-4);
}