Extend NDS patterns and migrate shared UI surfaces
All checks were successful
Deploy Sokko G / deploy (push) Successful in 17s
All checks were successful
Deploy Sokko G / deploy (push) Successful in 17s
This commit is contained in:
parent
fef7735a1d
commit
9aa98c892d
41 changed files with 1035 additions and 405 deletions
|
|
@ -1,5 +1,6 @@
|
|||
// Rôle : regroupe les fondations partagées des pages home et sections éditoriales.
|
||||
@use "../mixins";
|
||||
@use "../design-system/controls";
|
||||
|
||||
.hero,
|
||||
.game-hero,
|
||||
|
|
@ -133,9 +134,7 @@ span {
|
|||
.actions,
|
||||
.card-actions,
|
||||
.toolbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
@include controls.toolbar-pattern;
|
||||
}
|
||||
|
||||
.hero-library-button {
|
||||
|
|
|
|||
|
|
@ -1,22 +1,4 @@
|
|||
// Rôle : gère les panneaux narratifs Nebula et les dialogues home.
|
||||
@use "../mixins";
|
||||
|
||||
.nebula-panel {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid transparent;
|
||||
border-radius: var(--radius-lg);
|
||||
background: rgba(16, 20, 38, 0.42);
|
||||
box-shadow: var(--shadow-sm);
|
||||
|
||||
@include mixins.gold-panel-frame;
|
||||
}
|
||||
|
||||
.nebula-panel > * {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.origin-section {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
|
||||
|
|
@ -75,4 +57,3 @@
|
|||
font-style: italic;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
// Rôle : stylise les indicateurs de synthèse de la librairie.
|
||||
.library-summary {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
|
||||
gap: var(--space-4);
|
||||
padding: var(--space-5);
|
||||
}
|
||||
|
|
@ -45,3 +45,10 @@
|
|||
height: 18px;
|
||||
background: currentColor;
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
.library-summary {
|
||||
grid-template-columns: 1fr;
|
||||
padding: var(--space-4);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue