@use "../../functions" as *;
@use "../../settings" as *;

// Focus state mixin
@mixin focus-outline(
  $width: $theme-focus-width,
  $style: $theme-focus-style,
  $color: $theme-focus-color,
  $offset: $theme-focus-offset
) {
  $width: if(sass($width == null): $theme-focus-width; else: $width);
  $style: if(sass($style == null): $theme-focus-style; else: $style);
  $color: if(sass($color == null): $theme-focus-color; else: $color);
  $offset: if(sass($offset == null): $theme-focus-offset; else: $offset);
  outline: units($width) $style color($color);
  outline-offset: units($offset);
}