.text--base { color: var(--base) !important; } h1,.h--1, h2,.h--2, h3,.h--3, h4,.h--4 { letter-spacing: -.03em; font-weight: 800; strong,b { font-weight: 900; } } span,p { strong { font-weight: 800; } } :root { --sal-duration: .75s; --sal-delay: .1s; } body:not([data-builder-mode]) .animate { opacity: 0; transition-property: opacity,transform; transform: translateY(50px); transition-timing-function: ease; transition-duration: 1.2s; &.sal-animate { opacity: 1; transform: none; } &.sal-stagger { > * { opacity: 0; transition-property: opacity,transform; transform: translateY(50px); transition-timing-function: ease; transition-duration: .85s; @for $i from 1 through 10 { &:nth-child(#{$i}) { transition-delay: calc(#{$i}s * .15); } } } &.sal-animate { > * { opacity: 1; transform: none; } } } }