# Mixins (SCSS)

Global mixins for SCSS that are used by several components.

- **border-radius** - a set of mixins to set the `border-radius` on 1 or many sides.
- **breakpoints** - mixins to create styles that abide to breakpoints and below, breakpoints and up or within certain breakpoints.
- **clearfix** - an old standard hack to ensure floated children don't collapse the parents space.
- **disabled** - a set styles to ensure all disabled components look the same.
- **hover** - helper mixins for hover, focus, and active states.
- **nth-child** - these are designed to provide styles on a narrowed set of sibling items.
- **tab-focus** - mixins to style a component when <kbd>tab</kbd> is used to set the `focus` state.