MinervaNeue/resources/skins.minerva.content.styles/thumbnails.less
jdlrobson 05e6069ab6 Images should have borders in Android app / parsoid generated content
To test check out  I5c1fdfc87a48764cbb53b7a751fbffc1a4e36fc5
``
$wgMFContentProviderClass = 'MobileFrontend\ContentProviders\McsContentProvider';
$wgMFMcsContentProviderBaseUri = "https://he.wikipedia.org/api/rest_v1";
```
Navigate to http://localhost:8888/w/index.php/%D7%93%D7%92%D7%9C_%D7%99%D7%A4%D7%9F

Bug: T198534
Change-Id: I19e9456895789abc413679105da46cbd4f9f0ce9
2019-03-23 00:15:04 +00:00

53 lines
976 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;
}
// Parsoid class name (T198534)
.mw-image-border,
// parser (PHP) class name
.thumbborder {
border: 1px solid @colorGray12;
}
// Hide the image magnification icon normally displayed in image captions
.magnify {
display: none;
}
}