This commit is contained in:
2021-08-20 11:18:47 +03:00
parent b31226635c
commit ff5f1770ad
9 changed files with 117 additions and 58 deletions
+21 -5
View File
@@ -91,7 +91,7 @@
}
* {
*, :after, :before {
box-sizing: border-box;
}
@@ -670,7 +670,7 @@
-moz-animation: ball-clip-rotate 0.75s linear infinite;
animation: ball-clip-rotate 0.75s linear infinite;
}
.kit-button,
.kit-button.kit-button--secondary {
--kit-color-button-text-disabled: var(--kit-color-secondary-text, var(--kit-color-text));
--kit-color-button-content-disabled: var(--kit-color-secondary-w1, var(--kit-color-secondary));
@@ -692,7 +692,7 @@
.kit-button.kit-button--primary {
--kit-color-button-text-disabled: var(--kit-color-primary-text, var(--kit-color-text));
--kit-color-button-content-disabled: var(--kit-color-primary-w1, var(--kit-color-primary));
--kit-color-button-content-disabled: var(--kit-color-primary-w3, var(--kit-color-primary));
--kit-color-button-material-disabled: var(--kit-color-primary);
--kit-color-button-text-default: var(--kit-color-primary-text, var(--kit-color-text));
@@ -795,6 +795,9 @@
transition: background 0.3s, box-shadow 0.3s, color 0.3s;
position: relative;
}
.kit-button * {
pointer-events: none;
}
.kit-button:hover,
.kit-button:focus {
--kit-color-button-text: var(--kit-color-button-text-hover);
@@ -832,6 +835,8 @@
.kit-button__label {
--line-clamp: 1;
white-space: normal;
text-transform: uppercase;
font-size: 0.9em;
}
.kit-button.kit-disabled,
.kit-button:disabled,
@@ -863,7 +868,7 @@
}
.kit-button.kit-button--radius,
.kit-button.kit-button--radius:after {
border-radius: 3px;
border-radius: 2px;
}
.kit-button.kit-button--round,
.kit-button.kit-button--round:after {
@@ -1025,10 +1030,21 @@ select.kit-field__input:disabled ~.kit-field__hr {
.kit-dropdown__option:hover {
background: #e5e5e5;
}
.kit-dropdown__option.kit-active {
.kit-dropdown__option.kit-active:not(.kit-select-placeholder) {
background: #2074e7;
color: #fff;
}
.kit-dropdown__option.kit-select-placeholder {
color: #919191;
cursor: auto;
font-style: italic;
font-size: 0.8em;
padding: 5px 10px;
pointer-events: none;
}
.kit-dropdown__option.kit-select-hidden {
display: none;
}
.kit-select--open .kit-select__dropdown {
opacity: 1;
visibility: visible;