global focusable css class added

This commit is contained in:
NikolaBorislavovHristov 2019-04-25 13:19:29 +03:00
parent f198444c96
commit f56bedb351

View file

@ -101,4 +101,24 @@ html, body, :global(#app) {
::-webkit-scrollbar-track {
background-color: var(--color-backgroundlight);
}
}
:global(.focusable-with-border) {
position: relative;
z-index: 0;
&:focus {
&::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: block;
pointer-events: none;
border: var(--focusable-border-size) solid var(--color-surfacelighter);
content: "";
}
}
}