MediaWiki:Common.css/src/system/mediawiki.ui/input.scss

From Terraria Wiki
Jump to navigation Jump to search

This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.

Ancestors: / src / system / mediawiki.ui / input.scss

Siblings:button.scsscheckbox.scssicon.scssinput.scss

Children: (none)

/********* mediawiki.ui.input *********/

/* overwriting styles from here:
 * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.ui.input/input.less
 * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.less/mediawiki.mixins.less */

@mixin placeholder {
	// Chrome 4-56, WebKit, Blink, Edge 12-18
	&::-webkit-input-placeholder {
		@content;
	}
	// Internet Explorer 10-11
	&:-ms-input-placeholder {
		@content;
	}
	// Firefox 19-50
	&::-moz-placeholder {
		@content;
	}
	// W3C Standard Selectors Level 4
	&::placeholder {
		@content;
	}
}

.mw-ui-input {

	@include placeholder {
		color: var(--ooui--textarea-placeholder-color);
	}

	&:not( :disabled ) {
		background-color: var(--ooui--textarea-background-color);
		color: var(--theme-text-color);
		border-color: var(--ooui--textarea-border-color);

		&:hover {
			border-color: var(--ooui--textarea-border-color--hover);
		}

		&:focus {
			border-color: var(--ooui--textarea-border-color--focus);
			box-shadow: none;
			outline: 0;
		}
	}

	&:disabled {
		background-color: var(--ooui--textarea-disabled-background-color);
		-webkit-text-fill-color: var(--ooui--textarea-disabled-color);
		color: var(--ooui--textarea-disabled-color);
		text-shadow: none;
		border-color: var(--ooui--textarea-disabled-border-color);
	}
}