ext.uls.displaysettings.less
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

ext.uls.displaysettings.less
View Options

	// 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;
	}