« Modèle:Monnaie/styles.css » : différence entre les versions

@@ Ligne 57 : / Ligne 57 : @@
 }
+/* --- Monnaie/Légende --- */
 .monnaie-legende {
-     display: inline-block;
+     display: inline-flex;
-     margin: 0.5em 0;
+     align-items: center;
+    flex-wrap: wrap;
+    gap: 0.25em 0.9em;
+    padding: 0.5em 0.9em;
+    border: 1px solid var(--border-color-base);
+    border-radius: var(--border-radius-base);
+    background-color: var(--color-surface-1);
+    color: var(--color-base);
+    font-size: 0.9em;
+}
+.monnaie-legende__item {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.35em;
+    white-space: nowrap;
 }
-.monnaie-legende__tableau td,
+.monnaie-legende__sep {
-.monnaie-legende__tableau th {
+     color: var(--color-subtle);
-     vertical-align: middle;
+     user-select: none;
-     text-align: center;
 }
-.monnaie-legende__tableau td:first-child {
+.monnaie-legende__label {
-     font-size: 1.5em;
+    font-weight: 600;
+    color: var(--color-emphasized);
+     padding-right: 0.5em;
+    border-right: 1px solid var(--border-color-base);
+    margin-right: 0.25em;
+    white-space: nowrap;
 }