mediawiki-skins-Citizen/resources/skins.citizen.styles.lazyload/skins.citizen.styles.lazyload.less
2020-06-16 23:03:28 -04:00

34 lines
536 B
Plaintext

//
// Citizen - Lazyload styles
// https://starcitizen.tools
//
@import '../variables.less';
.mw-body-content {
a.image {
img {
filter: none;
transition: @transition-filter, @transition-transform-quick;
}
.lazy {
display: block;
background-color: @base-90;
filter: blur( 8px ); // Blur the image
transform: scale( 1.1 ); // Prevent white edges
overflow: hidden;
}
}
}
@media ( prefers-color-scheme: dark ) {
.mw-body-content {
a.image {
.lazy {
background-color: @dark-bg-10;
}
}
}
}