mediawiki-extensions-CodeMi.../resources/lib/codemirror-fixes.less

.CodeMirror {
	// Fix `font-family: monospace;` caused weird font sizing of browsers.
	// Task:  https://phabricator.wikimedia.org/T176636
	// See:  http://code.iamkate.com/html-and-css/fixing-browsers-broken-monospace-font-handling/
	font-family: monospace, monospace;
}

div.CodeMirror span {
	&.CodeMirror-matchingbracket {
		color: #fff;
		background-color: #54595d;
	}
}
Unify monospace font stack. Avoid potential sizing bug caused by weird browser behavior with `font-family: monospace;` Problem: browsers implicitly and unexpectedly set the font-size to something around 13px with `font-family: monospace;`, but not with `font-family: monospace,monospace;`. See: http://code.iamkate.com/html-and-css/fixing-browsers-broken-monospace-font-handling/ Bug: T176636 Change-Id: Ied24a0cde7db4a6092d2cd7a6207d0a361424c3f Related: T245568 Related: T245476 2020-02-18 13:53:10 +00:00			`.CodeMirror {`
			// Fix `font-family: monospace;` caused weird font sizing of browsers.
			`// Task: https://phabricator.wikimedia.org/T176636`
			`// See: http://code.iamkate.com/html-and-css/fixing-browsers-broken-monospace-font-handling/`
			`font-family: monospace, monospace;`
			`}`
Added bracket matching * using CodeMirror addon matchBrackets * highlights the matching bracket of a pair * highlights brackets when cursor is inside a pair * feature usable in source code editor Bug: T261857 Change-Id: Ib01d9919a47bb29684b54501644b01936b57972a 2020-12-11 11:30:44 +00:00
			`div.CodeMirror span {`
			`&.CodeMirror-matchingbracket {`
			`color: #fff;`
			`background-color: #54595d;`
			`}`
			`}`