mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-17 20:52:14 +00:00
e4a4050b81
Moving styles from the existing styles to common/layout or components stylesheets they should be associated with. Components are identified using PascalCase. Lowercase names are used for things that are not components. This distinction should help us reason with the code better and make it clearer where CSS belongs, saving us lots of wasted effort discussing conventions. Patch isn't making actual CSS changes themselves - for testing purposes this should be a NOOP. In preparation for the gradient removal, 'background-gradient.less' is marked as legacy. Merged 'externalLinks.less' into content.less, they belong to content. Bug: T249073 Change-Id: I8dbc29b7a19f7613b57b0984a8befaeae9c08798
33 lines
961 B
Plaintext
33 lines
961 B
Plaintext
/*!
|
|
* Convert watchstar to text label in IE 8.
|
|
*
|
|
* Hide the SVG icon and show the text label instead.
|
|
* This is in a separate file because it uses a
|
|
* @media query, which can't be nested, so we need to include
|
|
* this outside the overall '@media screen'.
|
|
*/
|
|
|
|
// stylelint-disable no-duplicate-selectors
|
|
|
|
// Support IE 8: Show label instead (Grade C).
|
|
// See https://stackoverflow.com/a/17699986/1696030
|
|
// https://keithclark.co.uk/articles/moving-ie-specific-css-into-media-blocks/media-tests/
|
|
@ie8-media-start: ~'@media \0screen {';
|
|
@ie8-media-end: ~'} after';
|
|
@{ie8-media-start}
|
|
.vectorTabs .mw-watchlink.icon a {
|
|
width: auto;
|
|
height: auto;
|
|
// Copied from 'VectorTabs.less'.
|
|
padding: 1.25em 8px 0 8px;
|
|
}
|
|
|
|
// LESS nesting doesn't work in this hack.
|
|
.vectorTabs .mw-watchlink.icon a:before {
|
|
display: none;
|
|
}
|
|
// Bogus extra rule for LESS compiler to render `@media` ending bracket.
|
|
@{ie8-media-end} {
|
|
/* This comment makes the block non-empty. */
|
|
}
|