bellord/kit
1
0
Fork 0
mirror of https://bitbucket.org/bellord13/kit.git synced 2026-11-13 19:06:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
bellord
2025-12-27 19:54:31 +03:00
parent b52515ba8c
commit f21144ae53
169 changed files with 30781 additions and 5313 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/toolkit/toolkit.css
+34 -21
View File
@@ -8,13 +8,17 @@
flex-wrap: nowrap;
margin: 10px 0;
position: relative;
pointer-events: none;
/* intl-tel-input */
/*pointer-events: none;*/
line-height: 1.5em;
--kit-field-focus-label-zoom-ratio: 0.875;
--kit-field-line-padding: 3px;
--line-height-ratio: 1.5;
--kit-field-check-mark-stroke-dash-ratio: 45;
}
.kit-field .iti {
width: 100%;
}
.kit-field__input {
position: relative;
@@ -126,7 +130,7 @@
padding-left: 10px;
}
.kit-field.kit-field--bordered .kit-field__input:focus ~.kit-field__hr,
.kit-field.kit-field--bordered .kit-field__input.focus ~.kit-field__hr
.kit-field.kit-field--bordered.focus .kit-field__hr
{
border-color: var(--kit-color-primary);
}
@@ -165,7 +169,7 @@
overflow: hidden;
}
.kit-field textarea,
.kit-field input,
.kit-field input.kit-field__input,
.kit-field.autoComplete_wrapper > input,
.kit-field .kit-field__display {
pointer-events: auto;
@@ -174,7 +178,6 @@
width: 100%;
max-width: 100%;
color: transparent;
font-weight: normal;
line-height: 1.5em;
min-height: calc(1.5em + 6px);
height: 100%;
@@ -248,15 +251,15 @@
.kit-field textarea:focus,
.kit-field input:focus,
.kit-field textarea.focus,
.kit-field input.focus {
.kit-field.focus textarea,
.kit-field.focus input {
color: var(--kit-color-text);
border-color: transparent;
}
.kit-field textarea:focus ~.kit-field__label,
.kit-field input:focus ~.kit-field__label,
.kit-field textarea.focus ~.kit-field__label,
.kit-field input.focus ~.kit-field__label {
.kit-field.focus .kit-field__label,
.kit-field.focus .kit-field__label {
top: 0;
transform: translate(0, 0);
font-size: calc(var(--font-size) * var(--kit-field-focus-label-zoom-ratio));
@@ -264,8 +267,8 @@
}
.kit-field textarea:focus ~.kit-field__hr:after,
.kit-field input:focus ~.kit-field__hr:after,
.kit-field textarea.focus ~.kit-field__hr:after,
.kit-field input.focus ~.kit-field__hr:after {
.kit-field.focus .kit-field__hr:after,
.kit-field.focus .kit-field__hr:after {
left: 0;
width: 100%;
}
@@ -320,6 +323,9 @@
.kit-field .kit-field__display:disabled ~.kit-field__hr {
border-color: #e1e1e1 !important;
}
.kit-field.hidden {
display: none !important;
}
.kit-field .kit-field__error,
.kit-field .kit-field__message {
text-align: left;
@@ -347,29 +353,35 @@
{
color: var(--kit-color);
}
.kit-field .kit-field--error ~.kit-field__message
.kit-field .kit-field--error ~.kit-field__message,
.kit-field.kit-field--error .kit-field__message
{
opacity: 1;
visibility: visible;
color: var(--kit-color-error);
}
.kit-field .kit-field--error ~.kit-field__label {
.kit-field .kit-field--error ~.kit-field__label,
.kit-field.kit-field--error .kit-field__label {
color: var(--kit-color-error) !important;
}
.kit-field .kit-field--error ~.kit-field__hr:after {
.kit-field .kit-field--error ~.kit-field__hr:after,
.kit-field.kit-field--error .kit-field__hr:after {
border-color: var(--kit-color-error) !important;
}
.kit-field .kit-field--warning ~.kit-field__message
.kit-field .kit-field--warning ~.kit-field__message,
.kit-field.kit-field--warning .kit-field__message
{
opacity: 1;
visibility: visible;
color: var(--kit-color-warning);
}
.kit-field .kit-field--warning ~.kit-field__label {
.kit-field .kit-field--warning ~.kit-field__label,
.kit-field.kit-field--warning .kit-field__label {
color: var(--kit-color-warning) !important;
}
.kit-field .kit-field--warning ~.kit-field__hr:after {
.kit-field .kit-field--warning ~.kit-field__hr:after,
.kit-field.kit-field--warning .kit-field__hr:after {
border-color: var(--kit-color-warning) !important;
}
.kit-field__text {
@@ -924,7 +936,8 @@
}
.kit-button.kit-button--material:hover:before,
.kit-button.kit-button--material:active:before,
.kit-button.kit-button--material:focus:before {
.kit-button.kit-button--material:focus:before,
.kit-button.kit-button--material.focus:before {
box-shadow: inset 0 -2px 0 var(--kit-color-button-material, var(--kit-color-text));
}
.kit-button.kit-button--material .kit-button__border {
@@ -1265,14 +1278,14 @@ select.kit-field__input:disabled ~.kit-field__hr {
.kit-field textarea[readonly]:focus,
.kit-field input[readonly]:focus,
.kit-field textarea[readonly].focus,
.kit-field input[readonly].focus {
.kit-field.focus textarea[readonly],
.kit-field.focus input[readonly] {
color: var(--kit-color-readonly);
}
.kit-field textarea[readonly]:focus ~.kit-field__label,
.kit-field input[readonly]:focus ~.kit-field__label,
.kit-field textarea[readonly].focus ~.kit-field__label,
.kit-field input[readonly].focus ~.kit-field__label
.kit-field.focus textarea[readonly] ~.kit-field__label,
.kit-field.focus input[readonly] ~.kit-field__label
{
color: var(--kit-color-readonly);
}