Oliver/Gravwell-Online
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust the focus style for the buttons

Browse source
This commit is contained in:
Oliver-Akins 2022-01-04 12:31:24 -07:00
parent e7533f60aa
commit 231f63c4bf
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
web-svelte/src/components/SciFi-Button.svelte
View file

@ -74,13 +74,14 @@ button {
transition: all .6s ease; transition: all .6s ease;
transition: opacity .3s ease; transition: opacity .3s ease;
width: calc(100% - 20px); width: calc(100% - 20px);
outline: none;
&:active { &:active {
opacity: .2; opacity: .2;
outline: none; outline: none;
} }
&:hover { &:hover, &:focus {
background-color: $hover-background; background-color: $hover-background;
border-radius: 20px; border-radius: 20px;
color: white; color: white;