2021-05-27 14:57:20 +00:00
|
|
|
figure,
|
|
|
|
.thumb {
|
|
|
|
margin: @content-margin-top 0;
|
|
|
|
|
|
|
|
.thumbinner {
|
2022-06-07 23:06:06 +00:00
|
|
|
overflow: hidden; // needed for center to work
|
2021-05-27 14:57:20 +00:00
|
|
|
max-width: 100%;
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
|
|
a {
|
|
|
|
&.image {
|
|
|
|
overflow: hidden;
|
|
|
|
max-width: inherit;
|
|
|
|
border-radius: var( --border-radius--small );
|
2022-09-28 21:02:56 +00:00
|
|
|
margin-right: 2px; // Counter the 2px space added by core
|
2021-05-27 14:57:20 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&:hover:not( .lazy ):not( .new ) {
|
|
|
|
img {
|
|
|
|
transform: scale( 1.1 );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.new {
|
|
|
|
display: block;
|
|
|
|
padding: @margin-side / 2;
|
2022-06-07 23:06:06 +00:00
|
|
|
background-color: var( --color-surface-3 );
|
2022-05-01 23:14:17 +00:00
|
|
|
transition: @transition-background, @transition-color;
|
2021-05-27 14:57:20 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
figcaption,
|
|
|
|
.thumbcaption {
|
|
|
|
margin: @content-margin-top / 2 0;
|
|
|
|
color: var( --color-base--subtle );
|
|
|
|
}
|