mediawiki-skins-Citizen/resources/skins.citizen.styles/common/thumbnail.less
alistair3149 709a89d399
perf(core): remove box-shadow transition for thumbnails
It is not nessecary and expensive to run. If it is needed, a pseudo element should be used instead
2022-05-01 18:57:59 -04:00

44 lines
765 B
Plaintext

figure,
.thumb {
margin: @content-margin-top 0;
.thumbinner {
max-width: 100%;
margin: 0 auto;
a {
&.image {
overflow: hidden;
max-width: inherit;
margin-right: 2px; // Counter the 2px space added by core
border-radius: var( --border-radius--small );
}
&:hover:not( .lazy ):not( .new ) {
box-shadow: var( --box-shadow-card );
img {
transform: scale( 1.1 );
}
}
&:before {
content: none;
}
&.new {
display: block;
padding: @margin-side / 2;
background-color: var( --background-color-framed );
transition: @transition-background-quick, @transition-color-quick;
}
}
}
}
figcaption,
.thumbcaption {
margin: @content-margin-top / 2 0;
color: var( --color-base--subtle );
}