@primer/react-brand
Version:
Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.
2 lines (1 loc) • 1.53 kB
CSS
@keyframes Primer_Brand__TextRevealAnimation-module__wipe___IwKBR{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey{opacity:0;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation--visible___VS7mJ{opacity:1}.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey,.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation--animated___wKBYl{width:100%;min-height:1lh;position:relative}.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation--animated___wKBYl:after{content:"";background-color:var(--brand-color-accent-primary);transform-origin:100%;width:100%;height:100%;animation:Primer_Brand__TextRevealAnimation-module__wipe___IwKBR var(--brand-animation-duration-extended) forwards var(--brand-animation-easing-default);animation-delay:var(--animation-delay);display:inline;position:absolute;top:0;right:0}@media (prefers-reduced-motion:reduce){.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation--animated___wKBYl:after{display:none}.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey,.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey:before,.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey:after,.Primer_Brand__TextRevealAnimation-module__TextRevealAnimation___W6_ey *{scroll-behavior:auto;transition:none;animation:none}}