chris/color-picker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new balloon shape

Browse Source
This commit is contained in:
chris 2025-06-30 20:30:57 -04:00
parent f21e29dd2a
commit 0560db4318
1 changed files with 1043 additions and 1044 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
style.css
View File

@ -269,7 +269,7 @@ background-image: url("https://www.transparenttextures.com/patterns/asfalt-light
.color-shine {
position: absolute;
top: 30%;
left: 40%;
left: 50%;
width: 20px;
height: auto;
max-width: 20px;
@ -565,7 +565,7 @@ background-image: url("https://www.transparenttextures.com/patterns/asfalt-light
.color-shine {
position: absolute;
top: 30%;
left: 40%;
left: 50%;
width: 20px;
height: auto;
max-width: 20px;
@ -731,7 +731,7 @@ background-image: url("https://www.transparenttextures.com/patterns/asfalt-light
/* --- SVG Balloon String --- */
.balloon-string-svg {
position: absolute;
top: 55px; /* match .color-swatch height */
top: 60px; /* match .color-swatch height */
left: 50%;
transform: translateX(-50%);
width: 20px;
@ -793,7 +793,7 @@ background-image: url("https://www.transparenttextures.com/patterns/asfalt-light
.switch {
position: relative;
display: inline-block;
width: 40px;
width: 60px;
height: 20px;
}
.switch input {
@ -978,7 +978,7 @@ background-image: url("https://www.transparenttextures.com/patterns/asfalt-light
/* --- SVG Balloon String --- */
.balloon-string-svg {
position: absolute;
top: 109px; /* match .color-swatch height */
top: 98px; /* match .color-swatch height */
left: 50%;
transform: translateX(-50%);
width: 20px;
@ -1084,4 +1084,3 @@ background-image: url("https://www.transparenttextures.com/patterns/asfalt-light
border-radius: 6px;
cursor: pointer;
}