riki/treehouse
riki/treehouse
1
Fork 0
Code Issues 33 Activity

make buttons pop out a bit more

Browse source
This commit is contained in:
りき萌 2025-08-31 14:52:25 +02:00
parent 9d17797688
commit ce6a336216
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
static/css/main.css
View file

@ -423,7 +423,9 @@ button {
border: 1px solid var(--border-2); border: 1px solid var(--border-2);
background-color: color-mix(in oklab, var(--background-color), white 25%); background-color: color-mix(in oklab, var(--background-color), white 25%);
color: var(--text-color); color: var(--text-color);
box-shadow: 0 1px 2px var(--border-1); box-shadow:
0 1px 2px var(--border-1),
inset 0 -1px 2px rgb(from var(--shading-base) r g b / 0.05);
border-radius: 0.75lh; border-radius: 0.75lh;
@ -433,7 +435,9 @@ button {
transform var(--transition-duration) var(--ease-out-quintic); transform var(--transition-duration) var(--ease-out-quintic);
&:hover { &:hover {
box-shadow: 0 4px 6px var(--border-1); box-shadow:
0 4px 6px var(--border-1),
inset 0 -1px 2px rgb(from var(--shading-base) r g b / 0.1);
transform: translateY(-2px); transform: translateY(-2px);
} }
@ -443,7 +447,9 @@ button {
var(--background-color), var(--background-color),
var(--shading-base) 5% var(--shading-base) 5%
); );
box-shadow: 0 0 2px var(--border-1); box-shadow:
0 0 2px var(--border-1),
inset 0 1px 2px rgb(from var(--shading-base) r g b / 0.1);
transform: translateY(0); transform: translateY(0);
transition: none; transition: none;
} }