/*
 * This file contains scss mixins.
 *
 * ⚠️ This file must not contain any css rules. It is imported in many places,
 * and css rules in this file would result in a copy of all of the rules per import.
 */

@import "./variables.scss";

/* focus styling for actions like menu-entries, buttons, icons, etc */
@mixin primary_action_focus {
    outline: 2px solid $accent_focus;
    outline: 2px auto  Highlight;
    outline: 2px auto -webkit-focus-ring-color;
    outline-offset: -1px;
    border-radius: 1rem;
}

/* hover styling for actions like menu-entries, buttons, icons, etc */
@mixin primary_action_hover {
    opacity: 1;
    border-radius: 1rem;
    background-color: $accent_hover;
    cursor: pointer;
}