dan/design
1
0
Fork 0
mirror of https://github.com/danbulant/design synced 2026-06-24 17:11:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add focus highlight

Browse source
This commit is contained in:
Daniel Bulant 2021-01-02 14:21:01 +01:00
parent 8ad900e33c
commit 4df5b6a12e
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/button.svelte
View file

@ -53,16 +53,16 @@
transition: width .3s, border-radius .3s, background-color .3s; transition: width .3s, border-radius .3s, background-color .3s;
z-index: -1; z-index: -1;
} }
.outline:hover::before { .outline:hover::before, .outline:focus::before {
width: 100%; width: 100%;
background-color: #e0a500; background-color: #e0a500;
} }
a:hover, button:hover { a:hover, a:focus, button:hover, button:focus {
background-color: #e0a500; background-color: #e0a500;
text-decoration: none; text-decoration: none;
box-shadow: 0 0 3px black; box-shadow: 0 0 3px black;
} }
a.outline:hover, button.outline:hover { a.outline:hover, a.outline:focus, button.outline:hover, button.focus:hover {
background: transparent; background: transparent;
} }
</style> </style>