wikimedia/mediawiki-core

/*
 * Please do not add any CSS rules here that impact the positioning of the element
 *  e.g. padding, margin, position or float.
 * These instead should live in jquery.makeCollapsible.styles
*/

@import 'mediawiki.skin.variables.less';

/* See also jquery.makeCollapsible.js */
.mw-collapsible-toggle {
    float: right;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mw-collapsible-toggle-default {
    // stylelint-disable plugin/no-unsupported-browser-features
    // This element is now a button, but it used to be a link, so keep link styles for now
    // (until someone dares to try to change the design).
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    // stylelint-enable plugin/no-unsupported-browser-features
    background: none;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;

    .mw-collapsible-text {
        color: @color-link;

        .mw-underline-always & {
            text-decoration: underline;
        }

        .mw-underline-never & {
            text-decoration: none;
        }
    }

    &:hover .mw-collapsible-text {
        text-decoration: underline;
    }

    &:active .mw-collapsible-text {
        color: @color-link--active;
    }

    &::before {
        content: '[';
    }

    &::after {
        content: ']';
    }
}

.mw-customtoggle,
.mw-collapsible-toggle {
    cursor: pointer;
}

/* Collapse links in captions should be inline */
caption .mw-collapsible-toggle,
.mw-content-ltr caption .mw-collapsible-toggle,
.mw-content-rtl caption .mw-collapsible-toggle,
.mw-content-rtl .mw-content-ltr caption .mw-collapsible-toggle,
.mw-content-ltr .mw-content-rtl caption .mw-collapsible-toggle {
    float: none;
}