resources/css/ext.uls.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 'ext.uls.mixins.less';
/* Overrides to follow MediaWiki style */
.uls-menu {
border-radius: @border-radius-base;
/* Ensure base font size is same in different skins */
font-size: medium;
}
.uls-search,
.uls-language-settings-close-block {
border-top-right-radius: @border-radius-base;
border-top-left-radius: @border-radius-base;
}
.uls-language-list {
border-bottom-right-radius: @border-radius-base;
border-bottom-left-radius: @border-radius-base;
}
.uls-menu.callout {
.caret();
}
.uls-ui-languages button {
margin: 5px 15px 5px 0;
white-space: nowrap;
overflow: hidden;
}
.uls-search-wrapper-wrapper {
position: relative;
padding-left: 40px;
margin-top: 5px;
margin-bottom: 5px;
}
.uls-icon-back {
background: transparent url( ../images/back-grey-ltr.svg ) no-repeat scroll center center;
background-size: 28px;
height: 32px;
width: 40px;
display: block;
position: absolute;
left: 0;
border-right: @border-width-base @border-style-base @border-color-subtle;
opacity: @opacity-icon-base;
}
.uls-icon-back:hover {
opacity: 1;
cursor: pointer;
}
.uls-menu .uls-no-results-view {
.uls-no-found-more {
background-color: @background-color-base;
}
h3 {
padding: 0 28px;
margin: 0;
color: @color-subtle;
font-size: 1em;
font-weight: normal;
}
}