mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 02:41:54 +00:00
5e7b3994fd
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
50 lines
896 B
Plaintext
50 lines
896 B
Plaintext
@import 'mediawiki.mixins.less';
|
|
@import '../../minerva.less/minerva.variables';
|
|
@import '../../minerva.less/minerva.mixins';
|
|
|
|
// Thumbnails
|
|
//
|
|
// Thumbnail images should be rendered within a thumb class
|
|
//
|
|
// Markup:
|
|
// <div class="content">
|
|
// <div class="thumb"><img src="images/arrow-left.png"></div>
|
|
// </div>
|
|
//
|
|
// Styleguide 1.2.
|
|
.content {
|
|
figure,
|
|
.thumb {
|
|
margin: 0.6em 0;
|
|
|
|
// Linker.php
|
|
.thumbinner {
|
|
margin: 0 auto;
|
|
// !important is needed because of Bug T87198 for example
|
|
max-width: 100% !important;
|
|
}
|
|
}
|
|
|
|
figcaption,
|
|
.thumbcaption {
|
|
margin: 0.5em 0 0;
|
|
font-size: 0.8em;
|
|
line-height: 1.5;
|
|
padding: 0 !important;
|
|
color: @grayMediumDark;
|
|
}
|
|
|
|
.thumbcaption {
|
|
width: auto !important;
|
|
}
|
|
|
|
.thumbborder {
|
|
border: 1px solid @colorGray12;
|
|
}
|
|
|
|
// Hide the image magnification icon normally displayed in image captions
|
|
.magnify {
|
|
display: none;
|
|
}
|
|
}
|