mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 18:58:45 +00:00
7280d255c0
* Remove ambiguity in imports - say the file extension 'less' for all instances of variables and mixins. * Separate toast styles from drawer styles so they can be imported separately * associate header-action selector with its parent (.overlay-header) not parent's parent (.overlay) so it can be imported and rendered without the Overlay. Change-Id: Ib7e19a440ba095d6424d35305fb41d643ca9764c
28 lines
764 B
Plaintext
28 lines
764 B
Plaintext
@import '../../minerva.less/minerva.variables.less';
|
|
@import '../../minerva.less/minerva.mixins.less';
|
|
|
|
@placeholderBackgroundColor: @grayLightest;
|
|
|
|
.lazy-image-placeholder {
|
|
background-color: @placeholderBackgroundColor;
|
|
|
|
// If the placeholder itself is inside an inline element do not use block
|
|
// See https://phabricator.wikimedia.org/T143558
|
|
// and https://phabricator.wikimedia.org/T144567
|
|
li &,
|
|
span & {
|
|
display: inline-block;
|
|
}
|
|
|
|
// The image placeholder for shouldn't show for no-js devices
|
|
.client-nojs & {
|
|
display: none;
|
|
}
|
|
|
|
// In order to avoid reflows placeholder needs to be inline-block
|
|
// Otherwise display block will always take up the full line
|
|
// instead of allowing text before and after
|
|
// see T146298
|
|
display: inline-block;
|
|
}
|