Improved button legibility
This commit is contained in:
parent
a273c8de4b
commit
c16bfd9c82
@ -35,6 +35,8 @@
|
||||
color: var(--color-button-text);
|
||||
cursor: grab;
|
||||
transition: all 0.2s ease-in-out;
|
||||
font-size: large;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
button:hover:not(:disabled) {
|
||||
@ -42,7 +44,7 @@
|
||||
}
|
||||
|
||||
button:hover:not(:disabled):not(:active) {
|
||||
box-shadow: 4px 4px 3px 0 var(--color-button-shadow);
|
||||
box-shadow: 6px 6px 5px 0 var(--color-button-shadow);
|
||||
translate: -2px -2px;
|
||||
}
|
||||
|
||||
@ -52,6 +54,6 @@
|
||||
}
|
||||
|
||||
button:not(:disabled) {
|
||||
box-shadow: 2px 2px 1px 0 var(--color-button-shadow);
|
||||
box-shadow: 4px 4px 2px 0 var(--color-button-shadow);
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue
Block a user