cineclub-site/front/css/movie-card.sass

31 lines
630 B
Sass
Raw Normal View History

.movie-card
overflow: hidden
header
border-bottom: $grey-lightest 1px solid
footer
border-top: $grey-lightest 1px solid
align-items: center
.buttons
margin-bottom: 0
.button
margin-bottom: 0
.poster-container
display: flex
flex-shrink: 0
position: relative
overflow: hidden
&::before
content: ''
position: absolute
top: 0
bottom: 0
right: 0
left: 0
filter: blur(15px)
background-image: var(--poster-url)
background-size: cover
background-position: center
margin: -5%
.image img
object-fit: contain