mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 18:58:45 +00:00
8c1afd97a3
Making Minerva use the `elements` feature is not practical at the current time. In lieu of that, we update the link colors to use the core definition. The red links and external link colors can come from the "content-links" module. This also adds support for the underlining user link preference and better plain link support. Bug: T274717 Change-Id: I600257e6f4430f166331c4ea4f3a72d87aa377d8
60 lines
1.6 KiB
Plaintext
60 lines
1.6 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 {
|
|
// background-image is specified by ResourceLoader.
|
|
// Force the image size to be 10px.
|
|
background-size: 10px;
|
|
background-repeat: no-repeat;
|
|
background-position: center right;
|
|
padding-right: 13px;
|
|
}
|
|
}
|
|
|
|
// Generic class name needed
|
|
.return-link {
|
|
display: block;
|
|
font-size: @font-size-minerva-small;
|
|
margin-top: 1.5em;
|
|
}
|