5d938aa9e8
The previous lot of link icons look great on high DPI displays but not as nice as they could on standard resolution displays. According to Volker, this is because the SVG paths must appear on integer coordinates and scale up instead of down. The new assets have been designed with this consideration in mind. Also, workaround redundant CSS by adding commenting out the "unvaried" black SVG background-image selector, selectorWithoutVariant. Bug: T190549 Bug: T197909 Change-Id: Id341d383018a436401541e82cc75d826688eaaae
78 lines
1.6 KiB
Plaintext
78 lines
1.6 KiB
Plaintext
@import 'mediawiki.mixins.less';
|
|
@import '../../minerva.less/minerva.variables';
|
|
@import '../../minerva.less/minerva.mixins';
|
|
|
|
/**
|
|
* Note that certain links may not have an href selector.
|
|
* It is particularly important on wikis for example inside navbox's that these
|
|
* links can be differentiated from other links. Thus we only apply the linkColor to links with href
|
|
* attributes.
|
|
*/
|
|
/* stylelint-disable no-descending-specificity */
|
|
a:not( [href] ) {
|
|
color: @colorGray2;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: @linkColor;
|
|
|
|
&:visited {
|
|
color: #5a3696;
|
|
}
|
|
|
|
&:active {
|
|
color: #faa700;
|
|
}
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
&.new,
|
|
&.new:visited,
|
|
&.new:hover {
|
|
color: @redLinkColor;
|
|
// Take care of headings in page lists.
|
|
> * {
|
|
color: @redLinkColor;
|
|
}
|
|
}
|
|
|
|
&.extiw, // internal
|
|
&.external {
|
|
// background-image is specified by ResourceLoader.
|
|
// Force the image size to be 10px.
|
|
.background-size( 10px, 10px );
|
|
background-repeat: no-repeat;
|
|
background-position: center right;
|
|
padding-right: 13px;
|
|
}
|
|
}
|
|
|
|
// Generic class name needed
|
|
.return-link {
|
|
display: block;
|
|
font-size: 0.9em;
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
/* Plainlinks - this can be used to switch
|
|
* off special external link styling */
|
|
.plainlinks a {
|
|
background: none !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
// Numbered external links, copied from content.parsoid.less
|
|
// TODO: Separate theme-agnostic rules from that module
|
|
// so we can load it here.
|
|
.mw-parser-output {
|
|
counter-reset: mw-numbered-ext-link;
|
|
|
|
a[rel~='mw:ExtLink']:empty:after {
|
|
content: '[' counter( mw-numbered-ext-link ) ']';
|
|
counter-increment: mw-numbered-ext-link;
|
|
}
|
|
}
|