mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/content/thumbnails.less
Arlo Breault a59bf8066e Make use of mw-file-element class
Added to core in Ifd4001e312a5fa4b7beaad63ba8c4e79e3201b9b

Applies the border more generally.

Bug: T314097
Change-Id: I884010c6b84b2dcb4dfc55f7b4cab9fefd3f6786
2023-05-25 10:33:14 -04:00

64 lines
1.4 KiB
Plaintext

@import 'mediawiki.mixins.less';
@import '../../../minerva.less/minerva.variables.less';
@import '../../../minerva.less/minerva.mixins.less';
// 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>
.content {
.thumb {
margin: 0.6em 0;
// Linker.php
.thumbinner {
margin: 0 auto;
// !important is needed because of Bug T87198 for example
max-width: 100% !important;
}
}
.thumbcaption {
width: auto !important;
}
.thumbcaption,
figure[ typeof~='mw:File/Thumb' ] > figcaption,
figure[ typeof~='mw:File/Frame' ] > figcaption {
margin: 0.5em 0 0;
font-size: @font-size-minerva-smallest;
line-height: 1.5;
padding: 0 !important;
color: @color-subtle;
}
figure[ typeof~='mw:File/Thumb' ],
figure[ typeof~='mw:File/Frame' ] {
margin: 0.6em auto;
display: table;
border-collapse: collapse;
> figcaption {
display: table-caption;
caption-side: bottom;
}
}
// Parsoid class name is mw-image-border (T198534) and parser (PHP) class name is thumbborder
// However, Parsoid places the class on the wrapper, whereas the legacy parser placed it on
// the file element.
.mw-image-border .mw-file-element,
.thumbborder {
border: @border-subtle;
}
// Hide the image magnification icon normally displayed in image captions
.magnify {
display: none;
}
}