wikimedia/mediawiki-extensions-UniversalLanguageSelector

View on GitHub
resources/css/ext.uls.displaysettings.less

Summary

Maintainability
Test Coverage
// TODO: Replace with @import 'mediawiki.skin.variables.less'; with MW core LTS v1.42 dependency.
@import '../../lib/codex-design-tokens/theme-wikimedia-ui-legacy.less';
@import 'mediawiki.mixins';

.uls-button-group {
    display: inline-block;
    position: relative;
    left: -20px;
}

.uls-display-settings-tab-switcher {
    text-align: center;

    /** cdx-button-group adds a z-index of 0; increase specificity to override that */
    .uls-button-group {
        z-index: 1;
    }
}

.uls-sub-panel {
    border-top: @border-width-base @border-style-base #eaecf0;
    padding-top: 25px;
    top: -20px;
    position: relative;
    min-height: 150px;
}

.uls-display-settings-font-selectors {
    margin: 5px 0 15px 0;
}

.uls-font-item {
    border-bottom: @border-width-base @border-style-base #eaecf0;
    background: #f8f9fa;
    padding: 10px 0;

    &:first-child {
        border-top: @border-width-base @border-style-base #eaecf0;
    }
}

/* stylelint-disable selector-max-id */
.uls-font-label,
.uls-font-select,
#uls-display-settings-anon-log-in-cta {
    font-size: 10pt;
}
/* stylelint-enable selector-max-id */

.uls-font-label {
    color: @color-subtle;
    font-size: 10pt;
}

.uls-font-label strong {
    color: @color-base;
}

.uls-display-settings-anon-label {
    font-weight: bold;
}