// =============================================================================
// 31-modules / flipper / config
// =============================================================================
//
// Sidebar / panel toggle button. Two thin bars that rotate between an arrow
// and a closed/active state. Ports the legacy
// `bup/scss/mixins/body_atoms/buttons/_button_flipper.scss`.
//
// =============================================================================

@use "../../01-core/external" as *;

$flipper-arrow-size: q(12) !default;
$flipper-bar-height: q(2) !default;
$flipper-duration: 0.5s !default;
$flipper-easing: cubic-bezier(0.25, 1.7, 0.35, 0.8) !default;

$flipper-color: var(
    --color_state_link,
    var(--ss-color-text, #1a1a1a)
) !default;
$flipper-color-active: var(
    --color_state_active,
    var(--ss-color-accent, #1a1a1a)
) !default;