search

snaha / diete.design

https://diete.design
MIT License
0 stars 0 forks source link

Make focus outline variable #312

Closed agazso closed 4 months ago

agazso commented 4 months ago

E.g. 

/* in diete.css */
--focus-outline: 4px;

/* and use everywhere */
&:focus:not(:disabled),
&:focus-visible:not(:disabled),
&.focus:not(:disabled) {
    outline: var(--focus-outline) solid var(--colors-top);
    outline-offset: calc(-1 * var(--focus-outline));