File: D:/HostingSpaces/PDeckers/opelkapitan.nl/wwwroot/css/partials/_photoalbum.sass
.photo-album
background: $yellowish url('/img/noise2.png')
.content-container
width: calc(100% - 380px)
+flex(space-between, flex-start)
+flex-rows
padding-top: 120px
padding-bottom: 240px
position: relative
z-index: 20
.photo
background: white
border-radius: 12px
width: calc(50% - 20px)
padding: 10px
margin-bottom: 40px
.photo-wrapper
width: 100%
border-radius: 12px
border: Dashed rgba(82, 82, 82, 0.5) 2px
position: relative
padding-bottom: 67% /* 16:9 */
height: 0
&.inactive
opacity: 0
pointer-events: none
.photo-content
position: absolute
left: 6px
top: 6px
height: calc(100% - 12px)
width: calc(100% - 12px)
span
position: absolute
height: 100%
width: 100%
left: 0
top: 0
background-size: cover
background-position: 50%
border-radius: 12px
&.medium
display: none
+media-query(1150px)
.photo-album
.content-container
width: 85%
+media-query(600px)
.photo-album
.content-container
width: 80%
.photo
width: 100%