js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix native color picker styles

Browse Source
This commit is contained in:
lindsaym-fa
2025-05-30 18:39:51 -04:00
parent 2a9483f16a
commit ed7309f6d7
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/styles/native.css
View File

@@ -971,14 +971,15 @@
/* Color picker */
input[type='color'] {
--border-width: var(--wa-form-control-border-width);
--trigger-border-radius: var(--wa-form-control-border-radius);
display: block;
border-radius: var(--trigger-border-radius, var(--wa-form-control-border-radius));
border-radius: var(--trigger-border-radius);
background: transparent;
padding: calc(var(--border-width, var(--wa-form-control-border-width)) * 2);
padding: calc(var(--border-width) * 2);
width: var(--wa-form-control-height);
height: var(--wa-form-control-height);
border: var(--border-width, var(--wa-form-control-border-width)) var(--wa-border-style)
var(--wa-form-control-border-color);
border: var(--border-width) var(--wa-border-style) var(--wa-form-control-border-color);
cursor: pointer;
forced-color-adjust: none;
@@ -989,12 +990,12 @@
&::-webkit-color-swatch {
border: none;
border-radius: inherit;
border-radius: calc(var(--trigger-border-radius) - var(--border-width) * 3);
}
&::-moz-color-swatch {
border: none;
border-radius: inherit;
border-radius: calc(var(--trigger-border-radius) - var(--border-width) * 3);
}
&:focus-visible {