andras/fleeting-garden
andras/fleeting-garden
Watch
1
0
Fork
You've already forked fleeting-garden
 0
Code Issues Pull requests 10 Projects Releases Packages Wiki Activity Actions

More css clean up

Browse source
This commit is contained in:
Andras Schmelczer 2026-05-16 15:41:36 +01:00
commit ce383ce34c
6 changed files with 13 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/style/_toolbar.scss
View file

@ -127,13 +127,7 @@ html > body > aside.control-dock > .toolbar-row {
}
&:hover {
background: transparent;
color: color-mix(in srgb, var(--accent-color) 70%, white);
box-shadow: none;
}
&:active {
transform: translateX(0);
}
&.previous-vibe:hover {
@ -190,8 +184,7 @@ html > body > aside.control-dock > .toolbar-row {
transform var(--transition-time);
}
&:hover,
&.active {
&:hover {
border-color: rgb(255 255 255 / 10%);
background: rgb(255 255 255 / 9%);
}
@ -257,7 +250,6 @@ html > body > aside.control-dock > .toolbar-row {
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px;
min-width: 0;
padding: 0 4px;
@ -295,14 +287,9 @@ html > body > aside.control-dock > .toolbar-row {
> .eraser-size-control,
> .mirror-segment-control {
--control-progress: 0%;
--control-rgb: 255 255 255;
--thumb-background: rgb(var(--control-rgb));
--thumb-height: 28px;
--thumb-hover-transform: scale(1.03);
--thumb-radius: 50%;
--thumb-transform: none;
--thumb-width: 28px;
position: relative;
display: grid;
@ -445,9 +432,7 @@ html > body > aside.control-dock > .toolbar-row {
}
> .toolbar-shell {
min-width: 0;
flex: 1 1 auto;
gap: 8px;
padding: 4px 8px;
> nav.buttons {
@ -455,7 +440,6 @@ html > body > aside.control-dock > .toolbar-row {
padding-top: 3px;
> button {
width: 44px;
height: 38px;
min-height: 38px;
@ -473,13 +457,11 @@ html > body > aside.control-dock > .toolbar-row {
}
> .garden-controls {
gap: 8px;
padding: 2px 4px;
> .swatches {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
align-items: center;
justify-items: center;
justify-content: stretch;
width: 100%;
@ -500,7 +482,6 @@ html > body > aside.control-dock > .toolbar-row {
width: 100%;
min-width: 0;
height: 42px;
flex-basis: auto;
padding: 0 8px;
}