« Modèle:Button/styles.css » : différence entre les versions
De Nefald
Autres actions
m Hiob a déplacé la page Modèle:ButtonLink/styles.css vers Modèle:Button/styles.css sans laisser de redirection |
Annulation des modifications 5602 de Hiob (discussion) Balise : Annulation |
||
| (3 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 21 : | Ligne 21 : | ||
============================================ */ | ============================================ */ | ||
.button-link-wrapper { | .button-link-wrapper { | ||
min-height: | min-height: 60px; | ||
border-radius: 12px; | border-radius: 12px; | ||
overflow: hidden; | overflow: hidden; | ||
| Ligne 87 : | Ligne 87 : | ||
.button-link-content a.external::after { | .button-link-content a.external::after { | ||
display: none !important; | 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; | color: var(--btn-text-dark) !important; | ||
} | } | ||
.button-link--secondary { | .button-link--secondary { | ||
background-color: var(--btn-surface-2) !important; | background-color: var(--btn-surface-2) !important; | ||