button.less
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

button.less
View Options

	@import 'mediawiki.skin.variables.less';
	@import 'mediawiki.mixins.less';
	/* stylelint-disable no-descending-specificity */

	// Used to center the contents of buttons, i.e. section collapse buttons
	.cdx-button {
	.mf-icon + span:not( :empty ) {
	margin-left: 8px;
	}
	}

	.mf-button-flush-left {
	&.cdx-button {
	.cdx-mixin-button-layout-flush( 'start', true );
	}

	&.cdx-button--size-large {
	.cdx-mixin-button-layout-flush( 'start', true, 'large' );
	}
	}

	.mf-button-flush-right {
	&.cdx-button {
	.cdx-mixin-button-layout-flush( 'end', true );
	}

	&.cdx-button--size-large {
	.cdx-mixin-button-layout-flush( 'end', true, 'large' );
	}
	}

	// TODO: Replace with Codex Button group
	// Extra specificity so that it overrides .cdx-button--fake-button rules.
	.mf-button-block.cdx-button--fake-button {
	border-radius: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	// Integer value prevents off-by-1px vertical alignment
	line-height: 30px;

	span {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	}