// Typography Config
// =================


$link: '&:link, &:visited';
$focus: '&:hover, &:focus, &:active';

// Typography Config
// =================


// Link
// ----
/// Shortcut for `link` and `visited` pseudo-classes.
/// @group utilities
/// @see $focus
/// @example scss -
///   a {
///     #{$link} {
///       color: blue;
///     }
///   }
$link: '&:link, &:visited';


// Focus
// -----
/// Shortcut for `hover`, `focus`, and `active` pseudo-classes.
/// @group utilities
/// @see $link
/// @example scss -
///   a {
///     #{$focus} {
///       color: red;
///     }
///   }
$focus: '&:hover, &:focus, &:active';

Add @see example in docs
Add @see example in docs
