Transition on focus outline style

transition.scss

a[href],
area[href],
input:not([disabled]),
select:not([disabled]),
textarea:not([disabled]),
button:not([disabled]),
iframe,
[tabindex],
[contentEditable=true]
{
    &:not([tabindex='-1'])
    {
        outline: 0.16em solid transparent;
        outline-offset: 0.6em;
        transition: outline-offset 0.1s ease-in-out, outline-color 0.1s ease-in;

        &:focus {
            outline-color: rgba(60, 160, 250, 0.75);
            outline-offset: 0.15em;
        }
    }
}