feat: improve focus styles

This commit is contained in:
Baptiste Grob
2021-01-22 12:56:11 +01:00
parent 611ca2fd13
commit 5f02540668
4 changed files with 21 additions and 7 deletions

View File

@@ -49,6 +49,7 @@
.sk-panel {
.sk-panel-header {
.close-button {
border-radius: var(--sn-stylekit-general-border-radius);
&:hover {
text-decoration: none;
}
@@ -88,5 +89,15 @@ button.sk-a {
}
*:focus {
outline: solid var(--sn-stylekit-info-color) 2px;
outline: none;
box-shadow: 0 0 0 2px var(--sn-stylekit-info-color);
}
input:focus {
box-shadow: 0 0 0 1px var(--sn-stylekit-info-color);
}
.sk-button:focus, button:focus {
box-shadow: 0 0 0 2px var(--sn-stylekit-background-color),
0 0 0 4px var(--sn-stylekit-info-color);
}