2019-03-27 12:17:15 +01:00
|
|
|
$color-background-landing: #111
|
|
|
|
|
|
2018-09-14 17:13:23 +02:00
|
|
|
.landing
|
2019-03-27 12:17:15 +01:00
|
|
|
.page-content
|
|
|
|
|
@extend .text-white
|
|
|
|
|
background-color: $color-background-landing
|
|
|
|
|
|
|
|
|
|
.jumbotron
|
|
|
|
|
padding-bottom: 15em
|
|
|
|
|
padding-top: 12em
|
|
|
|
|
|
|
|
|
|
.card
|
|
|
|
|
@extend .bg-transparent
|
|
|
|
|
@extend .text-white
|
|
|
|
|
|
|
|
|
|
.card-text
|
|
|
|
|
@extend .text-secondary
|
|
|
|
|
|
2018-09-14 17:13:23 +02:00
|
|
|
.node-details-description
|
2018-09-21 12:10:34 +02:00
|
|
|
@extend .mx-auto
|
2019-03-27 12:17:15 +01:00
|
|
|
color: #ddd
|
|
|
|
|
|
|
|
|
|
a
|
|
|
|
|
color: $color-primary
|
2018-09-21 12:10:34 +02:00
|
|
|
|
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%
|
