2018-08-27 17:01:08 +02:00
|
|
|
// Mainly overrides bootstrap jumbotron settings
|
|
|
|
|
.jumbotron
|
2018-09-15 21:32:54 +02:00
|
|
|
@extend .d-flex
|
|
|
|
|
@extend .mb-0
|
|
|
|
|
@extend .rounded-0
|
2018-09-16 23:55:06 +02:00
|
|
|
background:
|
|
|
|
|
position: center
|
|
|
|
|
repeat: no-repeat
|
|
|
|
|
size: cover
|
2018-09-06 18:18:15 +02:00
|
|
|
margin-bottom: 0
|
2018-09-06 12:11:10 +02:00
|
|
|
padding-top: 10em
|
|
|
|
|
padding-bottom: 10em
|
2018-09-16 04:28:11 +02:00
|
|
|
position: relative
|
|
|
|
|
|
|
|
|
|
&:after
|
2018-09-16 05:02:16 +02:00
|
|
|
background-color: rgba(black, .5)
|
2018-09-16 04:28:11 +02:00
|
|
|
bottom: 0
|
|
|
|
|
content: ''
|
|
|
|
|
display: none
|
|
|
|
|
left: 0
|
|
|
|
|
position: absolute
|
|
|
|
|
right: 0
|
|
|
|
|
top: 0
|
|
|
|
|
visibility: hidden
|
2018-08-27 17:01:08 +02:00
|
|
|
|
|
|
|
|
// Black-transparent gradient from left to right to better read the overlay text.
|
|
|
|
|
&.jumbotron-overlay
|
2018-09-16 04:28:11 +02:00
|
|
|
*
|
|
|
|
|
z-index: 1
|
2018-08-27 17:01:08 +02:00
|
|
|
&:after
|
2018-09-16 04:28:11 +02:00
|
|
|
display: block
|
|
|
|
|
visibility: visible
|
2018-08-27 17:01:08 +02:00
|
|
|
|
2018-09-16 04:28:11 +02:00
|
|
|
&.jumbotron-overlay-gradient
|
2018-08-27 17:01:08 +02:00
|
|
|
*
|
|
|
|
|
z-index: 1
|
2018-09-16 04:28:11 +02:00
|
|
|
&:after
|
|
|
|
|
background-color: transparent
|
|
|
|
|
background-image: linear-gradient(45deg, rgba(black, .5) 25%, transparent 50%)
|
|
|
|
|
display: block
|
|
|
|
|
visibility: visible
|
2018-08-27 17:01:08 +02:00
|
|
|
|
|
|
|
|
h2, p
|
|
|
|
|
text-shadow: 1px 1px rgba(black, .2), 1px 1px 25px rgba(black, .5)
|
2018-09-06 12:42:37 +02:00
|
|
|
|
|
|
|
|
&:hover
|
|
|
|
|
text-decoration: none
|
