Jumbotron overlay is now optional.
Just add the jumbotron-overlay class, or jumbotron-overlay-gradient
This commit is contained in:
parent
e56b3ec61f
commit
a5bc36b1cf
@ -7,22 +7,35 @@
|
|||||||
margin-bottom: 0
|
margin-bottom: 0
|
||||||
padding-top: 10em
|
padding-top: 10em
|
||||||
padding-bottom: 10em
|
padding-bottom: 10em
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
&:after
|
||||||
|
background-color: rgba(black, .6)
|
||||||
|
bottom: 0
|
||||||
|
content: ''
|
||||||
|
display: none
|
||||||
|
left: 0
|
||||||
|
position: absolute
|
||||||
|
right: 0
|
||||||
|
top: 0
|
||||||
|
visibility: hidden
|
||||||
|
|
||||||
// Black-transparent gradient from left to right to better read the overlay text.
|
// Black-transparent gradient from left to right to better read the overlay text.
|
||||||
&.jumbotron-overlay
|
&.jumbotron-overlay
|
||||||
position: relative
|
|
||||||
|
|
||||||
&:after
|
|
||||||
background-image: linear-gradient(45deg, rgba(black, .5) 25%, transparent 50%)
|
|
||||||
bottom: 0
|
|
||||||
content: ''
|
|
||||||
left: 0
|
|
||||||
position: absolute
|
|
||||||
right: 0
|
|
||||||
top: 0
|
|
||||||
|
|
||||||
*
|
*
|
||||||
z-index: 1
|
z-index: 1
|
||||||
|
&:after
|
||||||
|
display: block
|
||||||
|
visibility: visible
|
||||||
|
|
||||||
|
&.jumbotron-overlay-gradient
|
||||||
|
*
|
||||||
|
z-index: 1
|
||||||
|
&:after
|
||||||
|
background-color: transparent
|
||||||
|
background-image: linear-gradient(45deg, rgba(black, .5) 25%, transparent 50%)
|
||||||
|
display: block
|
||||||
|
visibility: visible
|
||||||
|
|
||||||
h2, p
|
h2, p
|
||||||
text-shadow: 1px 1px rgba(black, .2), 1px 1px 25px rgba(black, .5)
|
text-shadow: 1px 1px rgba(black, .2), 1px 1px 25px rgba(black, .5)
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
// #}
|
// #}
|
||||||
mixin jumbotron(title, text, image, url)
|
mixin jumbotron(title, text, image, url)
|
||||||
if url
|
if url
|
||||||
a.jumbotron.jumbotron-overlay.text-white(
|
a.jumbotron.text-white(
|
||||||
style='background-image: url(' + image + ');',
|
style='background-image: url(' + image + ');',
|
||||||
href=url)&attributes(attributes)
|
href=url)&attributes(attributes)
|
||||||
.container
|
.container
|
||||||
@ -19,7 +19,7 @@ mixin jumbotron(title, text, image, url)
|
|||||||
.lead
|
.lead
|
||||||
=text
|
=text
|
||||||
else
|
else
|
||||||
.jumbotron.jumbotron-overlay.text-white(style='background-image: url(' + image + ');')&attributes(attributes)
|
.jumbotron.text-white(style='background-image: url(' + image + ');')&attributes(attributes)
|
||||||
.container
|
.container
|
||||||
.row
|
.row
|
||||||
.col-md-9
|
.col-md-9
|
||||||
|
@ -14,7 +14,7 @@ include ../../../mixins/components
|
|||||||
.container.pb-5
|
.container.pb-5
|
||||||
.row
|
.row
|
||||||
.col-8.mx-auto
|
.col-8.mx-auto
|
||||||
h2.pt-5.text-center {{node.name}}
|
h2.pt-5.pb-3.text-center {{node.name}}
|
||||||
|
|
||||||
| {% if node.description %}
|
| {% if node.description %}
|
||||||
.node-details-description
|
.node-details-description
|
||||||
|
Loading…
x
Reference in New Issue
Block a user