This commit is contained in:
2023-08-14 15:18:42 +03:00
parent eb896b0a24
commit ec646fad15
3 changed files with 52 additions and 14 deletions
+15 -3
View File
@@ -73,7 +73,7 @@ input[type="color"] ~ .kit-field__color {
padding: 1.5em 0 0 0;
margin: 0 0 var(--kit-field-gap, 1.5em) 0;
}
.kit-field .kit-field__hr {
.kit-field__hr {
display: block;
position: absolute;
bottom: 0;
@@ -82,7 +82,7 @@ input[type="color"] ~ .kit-field__color {
border-top: 1px solid var(--kit-color-text);
z-index: 0;
}
.kit-field .kit-field__hr:after {
.kit-field__hr:after {
content: '';
position: absolute;
bottom: 0;
@@ -164,6 +164,7 @@ input[type="color"] ~ .kit-field__color {
font-family: var(--kit-font-family);
list-style-type: none;
}
.kit-field textarea[data-dirty='true'],
.kit-field input[data-dirty='true'],
.kit-field [data-dirty='true'] ~ .kit-field__display{
@@ -218,6 +219,7 @@ input[type="color"] ~ .kit-field__color {
.kit-field textarea.focus,
.kit-field input.focus {
color: var(--kit-color-text);
border-color: transparent;
}
.kit-field textarea:focus ~.kit-field__label,
.kit-field input:focus ~.kit-field__label,
@@ -985,6 +987,7 @@ select.kit-field__input:disabled ~.kit-field__hr {
-moz-transition: opacity 0.15s;
transition: opacity 0.15s;
min-width: 200px;
padding: 4px 4px 2px 4px;
}
.kit-dropdown.kit-active {
opacity: 1;
@@ -996,6 +999,8 @@ select.kit-field__input:disabled ~.kit-field__hr {
-ms-user-select: none;
user-select: none;
cursor: pointer;
border-radius: 2px;
margin-bottom: 2px;
}
.kit-dropdown__option:hover {
background: #e5e5e5;
@@ -1110,11 +1115,18 @@ select.kit-field__input:disabled ~.kit-field__hr {
}
.kit-field--success ~.kit-field__label,
.kit-field--success ~.kit-field__error {
.kit-field--success ~.kit-field__error,
.kit-field--success ~.kit-field__message {
opacity: 1;
visibility: visible;
color: var(--kit-color-success) !important;
}
.kit-field--error ~.kit-field__error,
.kit-field--error ~.kit-field__message {
opacity: 1;
visibility: visible;
color: var(--kit-color-error) !important;
}
.kit-field--success ~.kit-field__hr {
border-color: var(--kit-color-success) !important;
}