UI: 2024 Hero component options #103971
@ -66,12 +66,19 @@ body.is-scrolled
|
|||||||
--hero-max-height: calc(var(--spacer) * 50)
|
--hero-max-height: calc(var(--spacer) * 50)
|
||||||
--hero-min-height: calc(var(--spacer) * 45)
|
--hero-min-height: calc(var(--spacer) * 45)
|
||||||
|
|
||||||
&.is-container-overlap
|
.hero-content
|
||||||
&+.container
|
img
|
||||||
--page-with-header-content-offset: calc(var(--spacer) * 16)
|
transform: translateY(calc(var(--spacer) * -4))
|
||||||
|
|
||||||
+media-sm
|
+media-sm
|
||||||
--page-with-header-content-offset: calc(var(--spacer) * 14)
|
transform: translateY(calc(var(--spacer) * -2))
|
||||||
|
|
||||||
|
&.is-container-overlap
|
||||||
|
&+.container
|
||||||
|
--page-with-header-content-offset: calc(var(--spacer) * 20)
|
||||||
|
|
||||||
|
+media-sm
|
||||||
|
--page-with-header-content-offset: calc(var(--spacer) * 18)
|
||||||
|
|
||||||
.btn-float-right
|
.btn-float-right
|
||||||
position: absolute
|
position: absolute
|
||||||
|
Loading…
Reference in New Issue
Block a user