This commit is contained in:
2021-09-05 20:17:36 +03:00
parent 7310d04755
commit 6297c67201
28 changed files with 2676 additions and 1591 deletions
+11 -4
View File
@@ -705,12 +705,16 @@
.kit-button * {
pointer-events: none;
}
.kit-button:hover,
.kit-button:focus {
.kit-button:hover {
--kit-color-button-text: var(--kit-color-button-text-hover);
--kit-color-button-content: var(--kit-color-button-content-hover);
--kit-color-button-material: var(--kit-color-button-material-hover);
}
.kit-button:focus {
--kit-color-button-text: var(--kit-color-button-text-active);
--kit-color-button-content: var(--kit-color-button-content-active);
--kit-color-button-material: var(--kit-color-button-material-active);
}
.kit-button:active {
--kit-color-button-text: var(--kit-color-button-text-active);
--kit-color-button-content: var(--kit-color-button-content-active);
@@ -727,7 +731,7 @@
box-shadow: inset 0 -2px 0 var(--kit-color-button-material);
}
.kit-button.kit-button--material:hover {
box-shadow: inset 0 -3px 0 var(--kit-color-button-material);
box-shadow: inset 0 -2px 0 var(--kit-color-button-material);
}
.kit-button__icon {
display: inline-block;
@@ -750,7 +754,10 @@
.kit-button:disabled,
.kit-button[disabled],
.kit-button.disabled,
.kit-button.inactive-button {
.kit-button.inactive-button,
.kit-button[loading],
.kit-button.loading {
opacity: 0.7;
--kit-color-button-content: var(--kit-color-button-content-disabled);
--kit-color-button-text:var(--kit-color-button-text-disabled);
--kit-color-button-material: var(--kit-color-button-material-disabled);