UI: 2024 Hero component options #103971
@ -67,6 +67,9 @@ body.is-scrolled
|
|||||||
&.with-button
|
&.with-button
|
||||||
+padding(0, y)
|
+padding(0, y)
|
||||||
|
|
||||||
|
.hero-dark
|
||||||
|
color: var(--text-color)
|
||||||
|
|
||||||
.hero .hero-content
|
.hero .hero-content
|
||||||
padding-top: 0
|
padding-top: 0
|
||||||
|
|
||||||
|
@ -4,8 +4,8 @@
|
|||||||
|
|
||||||
| {% block header %}
|
| {% block header %}
|
||||||
| {% block jumbotron %}
|
| {% block jumbotron %}
|
||||||
// TODO: @back-end make '.hero-lg' optional
|
// TODO: @back-end make '.hero-dark' and '.hero-lg' optional
|
||||||
.hero.hero-lg.is-container-overlap
|
.hero.hero-dark.hero-lg.is-container-overlap
|
||||||
.container
|
.container
|
||||||
.hero-content
|
.hero-content
|
||||||
{% if edition.logo %}
|
{% if edition.logo %}
|
||||||
@ -24,7 +24,7 @@
|
|||||||
|
|
||||||
.hero-bg(style="background-image: url({{ edition.header.url }}); background-position-y: 50%")
|
.hero-bg(style="background-image: url({{ edition.header.url }}); background-position-y: 50%")
|
||||||
// TODO: @back-end make '.hero-overlay' optional
|
// TODO: @back-end make '.hero-overlay' optional
|
||||||
.hero-overlay
|
// .hero-overlay
|
||||||
// TODO: @back-end make '.hero-gradient' optional
|
// TODO: @back-end make '.hero-gradient' optional
|
||||||
.hero-gradient
|
.hero-gradient
|
||||||
| {% endblock jumbotron %}
|
| {% endblock jumbotron %}
|
||||||
|
Loading…
Reference in New Issue
Block a user