hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Automatic contrast color picking (fixes #43)

Browse Source
This commit is contained in:
daudix
2024-12-23 22:48:34 +03:00
parent b4734dd6e1
commit 08860f5974
8 changed files with 25 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
content/demo/demo.css
View File

@ -14,16 +14,6 @@
padding: 0.5rem;
}
#color-picker-container:hover {
transform: none;
}
#color-picker-container label {
margin-inline-end: 0.25rem;
color: var(--fg-muted-4);
font-weight: bold;
}
:root[dir*="rtl"] #color-picker-container {
transform: translateX(calc(100% - 1rem));
}
@ -32,9 +22,22 @@
transform: none;
}
#color-picker-container:hover {
transform: none;
}
#color-picker-container > small {
display: block;
margin-block-end: 0.5rem;
font-weight: bold;
}
#color-picker-container label {
margin-inline-end: 0.25rem;
color: var(--fg-muted-5);
}
#color-picker-light,
#color-picker-dark,
#contrast-color-light,
#contrast-color-dark {
#color-picker-dark {
margin-inline-end: 0.25rem;
}