💄 (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:
parent
c06efbd0d1
commit
56a2471090
3 changed files with 30 additions and 2 deletions
|
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue