UI: 2024 Hero component options #103971
@ -66,12 +66,19 @@ body.is-scrolled
|
||||
--hero-max-height: calc(var(--spacer) * 50)
|
||||
--hero-min-height: calc(var(--spacer) * 45)
|
||||
|
||||
&.is-container-overlap
|
||||
&+.container
|
||||
--page-with-header-content-offset: calc(var(--spacer) * 16)
|
||||
.hero-content
|
||||
img
|
||||
transform: translateY(calc(var(--spacer) * -4))
|
||||
|
||||
+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
|
||||
position: absolute
|
||||
|
Loading…
Reference in New Issue
Block a user