30 lines
630 B
Sass
30 lines
630 B
Sass
.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
|