@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) • 3.55 kB
CSS
.Primer_Brand__MinimalFooter-module__Footer___N646_{background-color:var(--brand-footer-bg-color);position:relative}.Primer_Brand__MinimalFooter-module__Footer__container___YiFAB{max-width:1280px;max-width:var(--brand-footer-max-width,1280px);margin-left:auto;margin-right:auto;padding:0 28px}.Primer_Brand__MinimalFooter-module__Footer__terms___0JWoT{padding:var(--base-size-48) 0}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9{margin-bottom:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9 sup{font-size:var(--base-size-12);vertical-align:super;margin-right:var(--base-size-4);display:inline-block}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9:last-child{margin-bottom:0}.Primer_Brand__MinimalFooter-module__Footer__social-links___VWTjM{justify-content:flex-start;align-items:center;gap:var(--base-size-16);margin:0;padding:0;list-style:none;display:flex}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-default)}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80,.Primer_Brand__MinimalFooter-module__Footer__legal-and-links___2FEd5{padding-top:var(--base-size-48);padding-bottom:var(--base-size-48)}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF{position:relative}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:before{content:"";min-width:var(--base-size-24);min-height:var(--base-size-24);display:block;position:absolute}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:hover .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso,.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:focus-visible .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:var(--brand-footer-socialIcon-hoverFilter)}.Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{width:24px;height:auto;display:block}[data-color-mode=light] .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:brightness(95%)saturate()}.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{padding-bottom:var(--base-size-4);order:2;display:flex}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{order:1}}.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:1}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:2}}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f{color:var(--brand-color-text-muted);border-top:none;border-left:none;border-right:none;border-bottom:var(--brand-borderWidth-thin) solid transparent;background-color:inherit;cursor:pointer;padding:0 0 var(--base-size-4) 0;transition:border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);align-self:flex-start;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f:hover{color:var(--brand-color-text-default);border-bottom-color:var(--brand-color-text-muted);-webkit-text-decoration:none;text-decoration:none}@media (prefers-reduced-motion:reduce){.Primer_Brand__MinimalFooter-module__Footer___N646_,.Primer_Brand__MinimalFooter-module__Footer___N646_:before,.Primer_Brand__MinimalFooter-module__Footer___N646_:after,.Primer_Brand__MinimalFooter-module__Footer___N646_ *{scroll-behavior:auto;transition:none;animation:none}}