fix(core): center class on thumbnails should center (#476)

Hide the overflow so the thumbnail will be at the center of avaliable space
instead of the whole page. Also have to remove hover shadow as overflow clip it.
This commit is contained in:
alistair3149 2022-06-07 19:06:06 -04:00
parent edf853abfa
commit 34c300d69c
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C

View file

@ -3,6 +3,7 @@ figure,
margin: @content-margin-top 0;
.thumbinner {
overflow: hidden; // needed for center to work
max-width: 100%;
margin: 0 auto;
@ -15,8 +16,6 @@ figure,
}
&:hover:not( .lazy ):not( .new ) {
box-shadow: var( --box-shadow-card );
img {
transform: scale( 1.1 );
}
@ -29,7 +28,7 @@ figure,
&.new {
display: block;
padding: @margin-side / 2;
background-color: var( --background-color-framed );
background-color: var( --color-surface-3 );
transition: @transition-background, @transition-color;
}
}