mediawiki-skins-MinervaNeue/resources/skins.minerva.content.styles/links.less
Bartosz Dziewoński 5e7b3994fd Move Parsoid output overrides to 'mediawiki.skinning.content.parsoid' skinStyles
We need to load these only when VisualEditor is loaded. This is
the best way to ensure that. They have been haphazardly placed
in different files.

The goal of this change is to move content styling for Minerva out of
mobile.editor.ve/minerva.less, and thus to be able to move this file
to mediawiki/extensions/MobileFrontend (T202978). But I spotted the
other places while working on that.

Moved as-is:
* skins.minerva.content.styles/links.less
* mobile.editor.ve/minerva.less

No longer needed:
* skins.minerva.content.styles/text.less
  Parsoid now uses <sup> tags for references rather than <span>,
  so the existing rules for <sup> tags are enough. See T45094,
  <https://www.mediawiki.org/wiki/Specs/HTML/1.6.0/Extensions/Cite>.

Was never needed:
* skins.minerva.content.styles/thumbnails.less
  The styles from the core module 'mediawiki.skinning.content.parsoid'
  are never loaded, so we don't need to override them.

Bug: T202978
Change-Id: I45e1cb89b65a41a29d2b1a361a79199745ccec14
2018-09-17 21:55:32 +00:00

65 lines
1.3 KiB
Plaintext

@import 'mediawiki.mixins.less';
@import '../../minerva.less/minerva.variables';
@import '../../minerva.less/minerva.mixins';
/**
* 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.
*/
/* stylelint-disable no-descending-specificity */
a:not( [ href ] ) {
color: @colorGray2;
}
a {
text-decoration: none;
color: @linkColor;
&: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 {
// background-image is specified by ResourceLoader.
// Force the image size to be 10px.
.background-size( 10px, 10px );
background-repeat: no-repeat;
background-position: center right;
padding-right: 13px;
}
}
// Generic class name needed
.return-link {
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;
}