// Name:            Switcher
// Description:     Component to navigate through different content panes
//
// Component:       `ui-switcher`
//
// States:          `ui-active`
//
// ========================================================================


/* ========================================================================
   Component: Switcher
 ========================================================================== */

/*
 * Reset list
 */

.ui-switcher {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* Items
 ========================================================================== */

/*
 * Hide not active items
 */

.ui-switcher > :not(.ui-active) { display: none; }

/*
 * Remove margin from the last-child
 */

.ui-switcher > * > :last-child { margin-bottom: 0; }


// Hooks
// ========================================================================

.hook-switcher-misc;

.hook-switcher-misc() {}