mediawiki-skins-MinervaNeue/resources/skins.minerva.content.styles/links.less
Stephen Niedzielski 5d938aa9e8 Update: link icons for standard density displays and CSS
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
2018-06-21 17:11:46 -05:00

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;
}
}