/**
 * This file provides styles for tab boxes
 */

/* + + + + +  tabs  + + + + + */
#dokuwiki__content {
    ul.tabs {
        li:not([class~="active"]) {
            strong,
            a {
                transition: @transition background-color, @transition color;
            }

            a {
                background-color: var(--color-shade-2);
                color: var(--color-accent-1);
            }
            strong {
                background-color: var(--color-shade-3);
                color: inherit;
            }

            a:hover,
            a:focus,
            a:active {
                color: var(--color-accent-3);
            }
        }
    }

    .tabs > ul {
        li:not([class~="active"]) {
            a {
                color: @ini_text_neu;
                transition: @transition background-color, @transition color;
            }

            a:hover,
            a:focus,
            a:active {
                color: @ini_text;
            }
        }
    }
}