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