mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-12-01 09:16:34 +00:00
ff24bbe030
We've changed the selector in MW core to `.mw-parser-output a.external` a while ago. In order to show the correct image, selector needs to be amended. Change-Id: I83d7b4c8be2eda1876959d000e0fb2d493e12cbc
64 lines
1.9 KiB
Plaintext
64 lines
1.9 KiB
Plaintext
@import 'mediawiki.mixins.less';
|
|
@import '../../../minerva.less/minerva.variables.less';
|
|
@import '../../../minerva.less/minerva.mixins.less';
|
|
|
|
/**
|
|
* 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.
|
|
* This can be removed when Minerva uses ResourceLoaderSkinModule `elements` feature.
|
|
*/
|
|
a:not( [ href ] ) {
|
|
color: @colorGray2;
|
|
/* The anchor is functionally a link so show a hand cursor. */
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
a {
|
|
/* `a` element code block can be removed
|
|
* when Minerva uses ResourceLoaderSkinModule `elements` feature. */
|
|
color: @color-link;
|
|
text-decoration: none;
|
|
background: none;
|
|
|
|
/* :visited code block can be removed
|
|
* when Minerva uses ResourceLoaderSkinModule `elements` feature. */
|
|
&:visited {
|
|
color: @color-link--visited;
|
|
}
|
|
|
|
/* :active code block can be removed
|
|
* when Minerva uses ResourceLoaderSkinModule `elements` feature. */
|
|
&:active {
|
|
color: @color-link--active;
|
|
}
|
|
|
|
/* :hover code block can be removed
|
|
* when Minerva uses ResourceLoaderSkinModule `elements` feature. */
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
// External links
|
|
// Use of `a` element selector due to its widespread usage and for limiting generic class scope.
|
|
// `a.external` is for footer's “Creative Commons” license link only.
|
|
a.external,
|
|
.mw-parser-output a.external {
|
|
// background-image is specified by ResourceLoader via skin.json.
|
|
background-position: center right;
|
|
background-repeat: no-repeat;
|
|
// Force the image size to be 10px.
|
|
background-size: 10px;
|
|
padding-right: 13px;
|
|
}
|
|
|
|
// Generic class name needed
|
|
.return-link {
|
|
display: block;
|
|
font-size: @font-size-minerva-small;
|
|
margin-top: 1.5em;
|
|
}
|