Support disabled state
This commit is contained in:
@ -53,7 +53,7 @@ input[type="color"] {
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
vertical-align: -0.1875em;
|
||||
vertical-align: -0.1875em;
|
||||
border-radius: 50%;
|
||||
|
||||
&::before {
|
||||
@ -66,7 +66,7 @@ input[type="radio"] {
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
vertical-align: -0.1875em;
|
||||
vertical-align: -0.1875em;
|
||||
border-radius: calc(var(--rounded-corner-small) / 2);
|
||||
|
||||
&::before {
|
||||
@ -85,27 +85,32 @@ input[type="checkbox"] {
|
||||
}
|
||||
|
||||
input[type="color"] {
|
||||
vertical-align: -0.375em;
|
||||
border: 0.25rem solid var(--fg-muted-2);
|
||||
border-radius: var(--rounded-corner-small);
|
||||
padding: 0;
|
||||
width: 3rem;
|
||||
height: 2rem;
|
||||
vertical-align: -0.375em;
|
||||
border: 0.25rem solid var(--fg-muted-2);
|
||||
border-radius: var(--rounded-corner-small);
|
||||
padding: 0;
|
||||
width: 3rem;
|
||||
height: 2rem;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--fg-muted-2);
|
||||
}
|
||||
&:hover {
|
||||
background-color: var(--fg-muted-2);
|
||||
}
|
||||
|
||||
&::-moz-color-swatch {
|
||||
border: none;
|
||||
border-radius: calc(var(--rounded-corner-small) / 2);
|
||||
}
|
||||
&:disabled {
|
||||
border: 0.25rem solid var(--fg-muted-2);
|
||||
background-color: var(--fg-muted-1);
|
||||
}
|
||||
|
||||
&::-webkit-color-swatch-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
&::-moz-color-swatch {
|
||||
border: none;
|
||||
border-radius: calc(var(--rounded-corner-small) / 2);
|
||||
}
|
||||
|
||||
&::-webkit-color-swatch {
|
||||
border-radius: calc(var(--rounded-corner-small) / 2);
|
||||
}
|
||||
&::-webkit-color-swatch-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&::-webkit-color-swatch {
|
||||
border-radius: calc(var(--rounded-corner-small) / 2);
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user