This commit is contained in:
2023-08-14 20:57:39 +03:00
parent 4b990e8015
commit 62cc4e47bc
4 changed files with 871 additions and 172 deletions
+44 -6
View File
@@ -34,12 +34,7 @@
.kit-field--text {
}
input[type="color"] ~ .kit-field__color {
display: flex;
}
.kit-field__color {
display: none;
}
.kit-field__color {
display: none;
}
@@ -54,6 +49,39 @@ input[type="color"] ~ .kit-field__color {
display: none;
}
.kit-field input[type="color"] ~ .kit-field__color {
display: flex;
flex: 1 1 auto;
order: 110;
}
.kit-field input[type="color"] {
height: calc(1.5em + var(--kit-field-line-padding));
flex: 0 0 calc(1.5em + var(--kit-field-line-padding));
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: none;
}
.kit-field input[type="color"]::-webkit-color-swatch {
border-radius: 3px;
padding: 0;
border: 1px solid rgba(26, 26, 26, 0.40);
}
.kit-field input[type="color"]::-moz-color-swatch {
border-radius: 3px;
padding: 0;
border: 1px solid rgba(26, 26, 26, 0.40);
}
.kit-field input[type="color"]::-webkit-color-swatch-wrapper{
}
.kit-field input[type="color"]::-moz-color-swatch-wrapper {
}
.kit-field input[type="radio"]:checked ~ .kit-field__hr {
@@ -828,6 +856,16 @@ input[type="color"] ~ .kit-field__color {
transition: inherit;
}
.kit-button.kit-button--icon {
padding: 0 0.75em;
}
.kit-button.kit-button--icon .kit-button__label {
display: none;
}
.kit-button.kit-button--icon .kit-button__icon {
margin: 0;
}
.kit-button__border {
pointer-events: none;
position: absolute;