Ring

Atomic props for setting the color of outline.

Atomic Props	CSS Properties
ring{Color}-{width}	box-shadow: 0 0 0 ${width}px ${Color}

Usage

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

LIVE DEMO

With Pseudo

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

LIVE DEMO

With Color Helper

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

LIVE DEMO