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

38
website/src/styles/_mhwilds.scss
View file

@ -1,4 +1,6 @@
// Rôle : contient les styles spécifiques aux pages Monster Hunter Wilds.
@use "design-system/surfaces";
.monster-grid {
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
@ -8,13 +10,9 @@
}
.mhwilds-card {
@include surfaces.card-surface;
overflow: hidden;
border: 1px solid transparent;
border-radius: var(--radius-md);
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;
box-shadow: var(--shadow-sm);
transition:
transform var(--duration-fast) var(--ease-standard),
@ -29,15 +27,8 @@
}
.mhwilds-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);
}
.monster-card {
@ -76,6 +67,7 @@
}
.mhwilds-card-face {
@include surfaces.card-surface(rgba(16, 20, 38, 0.92));
position: absolute;
inset: 0;
contain: paint;
@ -83,11 +75,6 @@
overflow: hidden;
flex-direction: column;
border: 1px solid transparent;
border-radius: var(--radius-md);
background:
linear-gradient(rgba(16, 20, 38, 0.92), rgba(16, 20, 38, 0.92)) 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;
box-shadow: var(--shadow-sm);
backface-visibility: hidden;
}
@ -144,21 +131,20 @@
}
.monster-card:hover .mhwilds-card-face {
border-color: transparent;
background:
linear-gradient(rgba(16, 20, 38, 0.95), rgba(16, 20, 38, 0.95)) padding-box,
linear-gradient(135deg, rgba(139, 92, 246, 0.76), rgba(196, 181, 253, 0.58)) border-box;
box-shadow:
var(--shadow-sm),
@include surfaces.card-surface-hover(
rgba(16, 20, 38, 0.95),
rgba(139, 92, 246, 0.76),
rgba(196, 181, 253, 0.58),
0 0 14px rgba(139, 92, 246, 0.14),
0 0 24px rgba(196, 181, 253, 0.08);
0 0 24px rgba(196, 181, 253, 0.08)
);
}
.mhwilds-card-art {
display: grid;
min-height: 112px;
place-items: center;
border-bottom: 1px solid rgba(246, 196, 83, 0.42);
@include surfaces.card-cover-divider;
background:
radial-gradient(circle at 50% 40%, rgba(139, 92, 246, 0.16), transparent 46%),
rgba(5, 7, 17, 0.36);