@use "../../variables/index" as *;
// WebKit-style focus

@mixin tab-focus() {
  // Default
  outline: thin dotted;
  // WebKit
  outline: 2px auto $component-color-focus;
  outline-offset: 0;
}

@mixin c8y-focus() {
  outline: 2px solid $component-color-focus;
  border-radius: $component-border-radius-focus;
}
@mixin c8y-focus-inset() {
  outline: 2px solid $component-color-focus;
  outline-offset: -2px;
  border-radius: $component-border-radius-focus !important;
}