mediawiki-skins-MinervaNeue/resources/skins.minerva.content.styles/links.less
jdlrobson daa6ad5145 Do not style links without href attribute
Certain links (including links inside navboxes) render
links to themselves - for example the navbox on the San
Francisco article (provided it is not removed by
wgMFRemovableClasses)

These links should not look like links as they are not
clickable so should be visually distinguished.

Support for attribute selectors goes way back to IE7
and in the case of IE6, links will still render correctly
falling back to the browser default stylesheet

Bug: T181472
Change-Id: I9f842ae09751d299716d752328f747269597fbdb
2018-03-26 10:44:52 -07:00

75 lines
1.5 KiB
Plaintext

@import 'mediawiki.mixins.less';
@import 'minerva.variables.less';
@import 'minerva.mixins.less';
/**
* Note that certain links may not have an href selector if they point to the page
* you are on. 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.
*/
a[href] {
color: @linkColor;
}
a {
text-decoration: none;
&: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;
}
}
&.external {
/* @embed */
.background-image-svg( 'images/external-link-ltr-icon.svg', 'images/external-link-ltr-icon.png' );
background-repeat: no-repeat;
background-position: center right;
padding-right: 13px;
}
}
// Generic class name needed
.return-link,
#mw-mf-last-modified {
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;
}
}