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

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 87 : / Ligne 87 : @@
 .button-link-content a.external::after {
      display: none !important;
+}
+/* ============================================
+   SURFACES ADAPTATIVES (style=surface-X)
+   ============================================ */
+.button-link--surface-0 {
+    background-color: var(--btn-surface-0) !important;
+}
+.button-link--surface-0 .button-link-content a {
+    color: var(--btn-text-dark) !important;
+}
+.button-link--surface-1 {
+    background-color: var(--btn-surface-1) !important;
+}
+.button-link--surface-1 .button-link-content a {
+    color: var(--btn-text-dark) !important;
+}
+.button-link--surface-2 {
+    background-color: var(--btn-surface-2) !important;
+}
+.button-link--surface-2 .button-link-content a {
+    color: var(--btn-text-dark) !important;
+}
+.button-link--surface-3 {
+    background-color: var(--btn-surface-3) !important;
+}
+.button-link--surface-3 .button-link-content a {
+    color: var(--btn-text-dark) !important;
+}
+.button-link--surface-4 {
+    background-color: var(--btn-surface-4) !important;
+}
+.button-link--surface-4 .button-link-content a {
+    color: var(--btn-text-dark) !important;
+}
+/* ============================================
+   COULEUR PERSONNALISÉE (background=#FF0000)
+   ============================================ */
+.button-link--custom-bg {
+    background-color: var(--custom-bg) !important;
+}
+.button-link--custom-bg:hover {
+    background-color: var(--custom-bg) !important;
+    filter: brightness(0.9);
 }
@@ Ligne 103 : / Ligne 153 : @@
      color: var(--btn-text-dark) !important;
 }
-/* ❌ SUPPRIMÉ : .button-link--primary (utilise le défaut) */
 .button-link--secondary {
      background-color: var(--btn-surface-2) !important;