mediawiki-skins-MinervaNeue/resources/skins.minerva.content.styles/thumbnails.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

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;
}
}