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

upLG

Browse Source
This commit is contained in:
Bellord
2026-06-11 20:07:42 +03:00
parent 4a87dfe2a2
commit 2fcea871be
171 changed files with 20476 additions and 2780 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/toolkit/toolkit.css
+10 -10
View File
@@ -10,10 +10,11 @@
position: relative;
pointer-events: none;
line-height: 1.5em;
--kit-field-focus-label-zoom-ratio: 0.875;
--kit-field-line-padding: 3px;
--kit-field-focus-label-zoom-ratio: 1;
--kit-field-line-padding: 0.1875em;
--line-height-ratio: 1.5;
--kit-field-check-mark-stroke-dash-ratio: 45;
font-family: var(--kit-font-family);
}
.kit-field__input {
@@ -217,8 +218,8 @@
left: 0;
color: var(--kit-color-text);
pointer-events: none;
/*-moz-transition: font 0.15s, top 0.15s, color 0.15s;*/
/*transition: font 0.15s, top 0.15s, transform 0.15s, color 0.15s;*/
-moz-transition: font 0.15s, top 0.15s, color 0.15s;
transition: font 0.15s, top 0.15s, color 0.15s;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
@@ -259,7 +260,7 @@
.kit-field input.focus ~.kit-field__label {
top: 0;
transform: translate(0, 0);
font-size: calc(var(--font-size) * var(--kit-field-focus-label-zoom-ratio));
font-size: calc(1em * var(--kit-field-focus-label-zoom-ratio, 1));
color: var(--kit-color-primary);
}
.kit-field textarea:focus ~.kit-field__hr:after,
@@ -328,8 +329,7 @@
top: 100%;
left: 0;
width: 100%;
font-size: 11px;
line-height: 20px;
font-size: 0.75em;
color: var(--kit-color-error);
opacity: 0;
visibility: hidden;
@@ -382,7 +382,7 @@
}
.kit-field__icon {
position: absolute;
top: calc(var(--kit-field-line-padding) + var(--line-height-ratio) * var(--font-size) / 2);
top: calc(var(--kit-field-line-padding) + var(--line-height-ratio) * 1em / 2);
transform: translate(0, -50%);
left: 0;
width: 1em;
@@ -493,7 +493,7 @@
position: relative;
cursor: pointer;
/* line-height: 1em; */
min-height: calc(var(--font-size) * 1.5 + var(--kit-field-line-padding) * 2);
min-height: calc(1em * 1.5 + var(--kit-field-line-padding) * 2);
padding-bottom: var( --kit-field-line-padding);
padding-top: var( --kit-field-line-padding);
}
@@ -574,7 +574,7 @@
.kit-field input[type='checkbox'] ~.kit-field__message
{
padding-left: 28px;
padding-left: calc(1.75em / 0.75);
}
.kit-field input[type='checkbox']:checked ~.kit-field__label .kit-field__icon {
/*border-color: var(--kit-color-primary);*/