@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) • 4.97 kB
CSS
.Primer_Brand__FAQGroup-module__FAQGroup___YEL8U{justify-content:space-between;gap:var(--brand-stack-gap-spacious);display:none}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{margin-block-start:var(--base-size-48)}.Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___hpXCw{text-transform:uppercase;font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);margin-block-start:calc(var(--base-size-8) + 1px)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist___iBu9X .Primer_Brand__FAQGroup-module__FAQ__heading___HjZwb{display:none}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R{appearance:none;padding-block:var(--base-size-8);cursor:pointer;align-items:center;gap:var(--base-size-12);width:100%;font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-100);letter-spacing:.15px;text-transform:uppercase;text-align:start;color:var(--brand-color-text-muted);text-overflow:ellipsis;white-space:nowrap;transition:gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);background-color:#0000;border:none;padding-inline:0;display:flex;overflow:hidden}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:2px}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:before{content:"";width:calc(var(--base-size-8) + var(--base-size-2));height:var(--base-size-12);background-color:var(--brand-FAQGroup-buttonIndicator-idle);transform-origin:0;transition:transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default), background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);flex-shrink:0;display:block;transform:scaleX(.7)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:hover:before{background-color:var(--brand-FAQGroup-buttonIndicator-hover)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]{color:var(--brand-FAQ-color-tabLabel-selected);gap:calc(var(--base-size-12) + 3px)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]:before{background-color:var(--brand-FAQGroup-buttonIndicator-active);transform:scaleX(1)}.Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___Bh12D summary h4{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___9dsD5{padding-inline-start:var(--base-size-48);padding-block:var(--base-size-80)}.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___Xu44n{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-inline:var(--base-size-64);padding-block-start:var(--base-size-80);padding-block-end:var(--base-size-96)}@media (forced-colors:active){.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]{border-color:highlight;border-width:var(--brand-borderWidth-thicker);color:highlighttext}}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{padding-inline:var(--base-size-20)}@media screen and (width>=618px){.Primer_Brand__FAQGroup-module__FAQGroup__gridline-wrapper___7IC44{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);max-width:618px;margin-block-start:0;margin-inline:auto}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{max-width:618px;margin:0 auto}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___pYwfs{padding-block-end:var(--base-size-40)}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper--gridline___nZYpp{border-block-end:var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid}.Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___6GLEm:first-child summary{border-block-start:none}.Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___6GLEm:last-child summary{border-block-end:none}}@media screen and (width>=63.25rem){.Primer_Brand__FAQGroup-module__FAQGroup___YEL8U{display:grid}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{display:none}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{max-width:100%;padding-inline:0}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___pYwfs{padding-block-end:var(--base-size-64)}}@media screen and (width>=80rem){.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___9dsD5{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___Xu44n{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}