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