2018-09-14 17:13:23 +02:00
|
|
|
.landing
|
|
|
|
|
.node-details-description
|
2018-09-21 12:10:34 +02:00
|
|
|
@extend .mx-auto
|
|
|
|
|
|
2018-09-14 17:13:23 +02:00
|
|
|
.gallery
|
|
|
|
|
max-width: 1024px
|
|
|
|
|
|
|
|
|
|
.thumbnail
|
|
|
|
|
float: left
|
|
|
|
|
position: relative
|
|
|
|
|
width: 23%
|
|
|
|
|
padding-bottom: 23%
|
|
|
|
|
margin: 0.83%
|
|
|
|
|
overflow: hidden
|
2018-09-21 12:19:23 +02:00
|
|
|
transition: box-shadow 150ms ease-in-out
|
2018-09-18 12:54:32 +02:00
|
|
|
|
2018-09-14 17:13:23 +02:00
|
|
|
&:hover
|
2018-09-21 12:19:23 +02:00
|
|
|
box-shadow: 2px 6px 50px 0 rgba(black, .2)
|
2018-09-14 17:13:23 +02:00
|
|
|
|
|
|
|
|
.img-container
|
|
|
|
|
position: absolute
|
|
|
|
|
width: 100%
|
|
|
|
|
height: 100%
|
|
|
|
|
|
|
|
|
|
img
|
|
|
|
|
width: 300%
|
|
|
|
|
transform: translate(-20%,-10%)
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 992px)
|
|
|
|
|
.thumbnail
|
|
|
|
|
width: 22%
|
|
|
|
|
padding-bottom: 22%
|
|
|
|
|
margin: 1.5%
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 720px)
|
|
|
|
|
.thumbnail
|
|
|
|
|
width: 29%
|
|
|
|
|
padding-bottom: 29%
|
|
|
|
|
margin: 2.16%
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 470px)
|
|
|
|
|
.thumbnail
|
|
|
|
|
width: 44%
|
|
|
|
|
padding-bottom: 44%
|
|
|
|
|
margin: 3%
|
