mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/content/links.less
Jon Robson 83c0105418 Fixes issues with links flagged by Pixel
Bug: T375832
Follow up to
    I6e9e29fd5b140ae8eb4e6b011d558ea778c92028
Change-Id: I3f52f88b2b08f502eb584af48dcde0c5a8eb6674

Change-Id: Ib6a5de1397f2df8dab68deb97f079b316d4701b3
2024-09-28 01:24:10 +00:00

62 lines
1.8 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.mw-selflink,
a:not( [ href ] ) {
color: @color-base;
font-weight: bold;
text-decoration: inherit;
/* The anchor is functionally a link so show a hand cursor. */
cursor: pointer;
}
/* stylelint-disable selector-max-id */
footer,
.cdx-message,
.mw-body-content,
#mw-content-subtitle {
/* This not does apply to links with role button per discussion on T373989 */
a:not( [ role='button' ] ):not( .mw-selflink ):not( .cdx-card ) {
.cdx-mixin-link-base();
&.new {
.cdx-mixin-link-red();
}
}
}
/* stylelint-enable selector-max-id */
// 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 {
// 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;
/* Plainlinks - this can be used to switch
* off special external link styling - copied from content-links SkinModule feature. */
.plainlinks & {
background: none !important;
padding: 0 !important;
}
}
// Generic class name needed
.return-link {
display: block;
font-size: @font-size-minerva-small;
margin-top: 1.5em;
.cdx-mixin-link-base();
}