wikimedia/mediawiki-extensions-UniversalLanguageSelector

View on GitHub
resources/css/ext.uls-vector.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';
// All but `font-size` are WikimediaUI theme values and overwrite jquery.uls library.

// We need higher specificity due to loading order of LESS files and jquery.uls.
.skin-vector {
    .uls-menu {
        border-color: @border-color-subtle;
        box-shadow: @box-shadow-drop-medium;
        // Not inherited from `.mw-body-content`, as we insert at `body`.
        font-size: 0.875em;
        // T295794 Account for Vector sticky header.
        z-index: @z-index-dropdown;
    }

    .uls-search {
        border-bottom-color: @border-color-subtle;
    }

    .uls-search-label {
        opacity: @opacity-icon-placeholder;
        transition: opacity @transition-duration-medium;
    }

    .uls-search-wrapper:hover .uls-search-label {
        opacity: @opacity-icon-base;
    }

    .uls-languagefilter,
    .uls-lcd-region-title {
        color: @color-subtle;
    }

    .uls-filtersuggestion {
        color: @color-placeholder;
    }
}