leif/lexys-labyrinth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Spruce up buttons a teeny bit more

Browse Source
This commit is contained in:
Eevee (Evelyn Woods) 2020-11-03 14:07:49 -07:00
parent 37072fa003
commit 6804169a8a
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
style.css
View File

@ -38,7 +38,9 @@ button {
color: white; color: white;
background: var(--button-bg-color); background: var(--button-bg-color);
border: 1px solid hsl(225, 10%, 15%); border: 1px solid hsl(225, 10%, 15%);
box-shadow: 0 1px 0 hsl(225, 10%, 10%); box-shadow:
inset 0 0 2px 1px hsl(225, 10%, 33%),
0 1px 0 hsl(225, 10%, 10%);
border-radius: 0.25em; border-radius: 0.25em;
text-transform: lowercase; text-transform: lowercase;
cursor: pointer; cursor: pointer;
@ -47,12 +49,16 @@ button:hover {
background: var(--button-bg-hover-color); background: var(--button-bg-hover-color);
} }
button:active { button:active {
box-shadow: none; box-shadow:
inset 0 0 2px 1px hsl(225, 10%, 33%);
transform: translateY(1px); transform: translateY(1px);
} }
button:disabled { button:disabled {
color: #606060; color: #606060;
background: #202020; background: #202020;
box-shadow:
inset 0 0 2px 1px hsl(225, 0%, 10%),
0 1px 0 hsl(225, 10%, 10%);
cursor: auto; cursor: auto;
} }
button.button-big { button.button-big {