💄 (button): Aplica estilo deshabilitado a enlaces

Un `<a>` deshabilitado no tiene un equivalente a `:disabled` sobre el
que aplicar estilos. Button añade ahora la clase `disabled`.
This commit is contained in:
Manuel Cillero 2026-10-02 23:33:22 +02:00
parent c06efbd0d1
commit 56a2471090
3 changed files with 30 additions and 2 deletions

View file

@ -162,9 +162,11 @@ body {
background-color: color-mix(in srgb, var(--val-color--primary) 85%, black);
border-color: color-mix(in srgb, var(--val-color--primary) 85%, black);
}
.button:disabled {
.button:disabled,
.button.disabled {
opacity: 0.65;
cursor: default;
pointer-events: none;
}
.button::-moz-focus-inner {
border: 0;
@ -237,7 +239,8 @@ body {
background-color: transparent;
border-color: transparent;
}
.button-link:disabled {
.button-link:disabled,
.button-link.disabled {
color: var(--val-color--text--muted);
}