shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Split randomizer views and align NDS toolbox vocabulary
All checks were successful
Deploy Sokko G / deploy (push) Successful in 17s
Details

Browse source
This commit is contained in:
Shinuwa 2026-09-01 19:47:22 +02:00
parent 6b85e58765
commit fef7735a1d
57 changed files with 4932 additions and 4815 deletions
Download patch file Download diff file Expand all files Collapse all files

21
website/src/styles/games/_home-cards.scss
View file

@ -1,4 +1,5 @@
// Rôle : regroupe les cartes et surfaces d'entrée des pages jeux.
@use "../design-system/surfaces";
.game-home-grid {
display: grid;
@ -9,15 +10,10 @@
}
.game-home-card {
@include surfaces.card-surface;
overflow: hidden;
border-color: transparent;
border-radius: var(--radius-md);
padding: 0;
min-height: 230px;
background:
linear-gradient(rgba(16, 20, 38, 0.88), rgba(16, 20, 38, 0.88)) padding-box,
radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.42), transparent 28%) border-box,
linear-gradient(135deg, rgba(246, 196, 83, 0.62) 0%, rgba(246, 196, 83, 0.42) 72%, rgba(34, 211, 238, 0.24) 100%) border-box;
}
@supports (corner-shape: scoop) {
@ -27,15 +23,8 @@
}
.game-home-card:hover {
@include surfaces.card-surface-hover;
transform: none;
border-color: transparent;
background:
linear-gradient(rgba(21, 26, 48, 0.96), rgba(21, 26, 48, 0.96)) padding-box,
linear-gradient(135deg, rgba(139, 92, 246, 0.9), rgba(196, 181, 253, 0.72)) border-box;
box-shadow:
var(--shadow-sm),
0 0 18px rgba(139, 92, 246, 0.22),
0 0 34px rgba(196, 181, 253, 0.12);
}
.game-home-card img {
@ -44,7 +33,7 @@
height: 120px;
object-fit: contain;
padding: var(--space-4);
border-bottom: 1px solid rgba(246, 196, 83, 0.42);
@include surfaces.card-cover-divider;
background: rgba(5, 7, 17, 0.28);
}
@ -53,7 +42,7 @@
width: 100%;
height: 120px;
place-items: center;
border-bottom: 1px solid rgba(246, 196, 83, 0.42);
@include surfaces.card-cover-divider;
background: rgba(5, 7, 17, 0.28);
color: #fff;
}