//----------------------------------------------------------------
// filename is prepended with "z" so that it is imported after
// uniformSelect so that it modifies uniformSelect
//----------------------------------------------------------------

.uniformInput{
    border-width: 1px;
    padding: 0.5em;
    outline: none;
    appearance: none;
    transition: box-shadow 100ms ease-in;
    &:focus,
    &[focus]{
        border-color: rgba(var(--focus-color), 1);
        box-shadow: 0 0 0 2px rgba(var(--focus-color), 1);
    }
}
@include color-rule('.focus') using ($color) {
    --focus-color: #{red($color)}, #{green($color)}, #{blue($color)};
}