OddSite 4.0.0

Focus Styling

@mixin focus-ring()

Consistent focus ring is applied by default on element-focus, but some patterns (like radio-buttons) also require focus-ring applied to a sibling or parent element.

Example

html
<div data-ccs-colors>
  <button data-btn data-styleguide="focus">
    focus-ring example
  </button>
</div>