resources/css/ext.uls.displaysettings.less
// 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;
}