mediawiki-skins-Vector/resources/skins.vector.styles/links.less
bwang c8074d2355 Fix codex link styles overriding other link styles
Bug: T367844
Change-Id: I4a5514278f045118ebdd9ee72432087a1f84d83c
2024-06-18 10:57:44 -05:00

62 lines
1.5 KiB
Plaintext

a {
.cdx-mixin-link-base();
}
// Red links
a.new {
.cdx-mixin-link-red();
}
// External links
// Use of `a` element selector for limiting generic class scope due to `.external` widespread usage.
.mw-parser-output {
a {
// Deal with long links (T327334, inspired by Minerva solution T62387)
word-wrap: break-word;
}
a.external {
// Use copy of Codex/OOUI WikimediaUI theme's 'linkExternal' icon in progressive color.
// Note that CSSJanus is flipping the `ltr` in the URL to `rtl`.
// Therefore make sure that both icons are available and up-to-date.
background-image: url( images/link-external-small-ltr-progressive.svg );
background-position: center right;
background-repeat: no-repeat;
// Equivalent of `12px` at calculation base of `14px` is `0.857em`.
background-size: 0.857em;
padding-right: 1em;
// See T330712 for better understanding of this class and any future changes.
&.free {
word-break: break-all;
}
}
}
/**
* The following styles are copied from content.links.less
*/
/* self links */
a.mw-selflink {
color: inherit;
font-weight: bold;
text-decoration: inherit;
}
/* Underline preference */
.mw-underline-always a {
text-decoration: underline;
}
.mw-underline-never a {
text-decoration: none;
}
/* Plainlinks - this can be used to switch
* off special external link styling */
.plainlinks a.external {
background: none !important; /* stylelint-disable-line declaration-no-important */
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
}