@primer/react
Version:
An implementation of GitHub's Primer Design System using React
2 lines • 5.75 kB
CSS
.prc-SelectPanel-Overlay-arLk6{--max-height:0}.prc-SelectPanel-Wrapper-43Iz8{display:flex;flex-direction:column;height:inherit;max-height:inherit}.prc-SelectPanel-Header-4dLqk{align-items:flex-start;display:flex;justify-content:space-between;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:var(--base-size-8,.5rem)}.prc-SelectPanel-Header-4dLqk:where([data-variant=fullscreen]){flex-shrink:0;min-height:40px}.prc-SelectPanel-Title--CZN1{font-size:var(--text-body-size-medium,.875rem);margin-left:var(--base-size-8,.5rem)}.prc-SelectPanel-Wrapper-43Iz8[data-variant=modal] .prc-SelectPanel-Title--CZN1{margin-top:var(--base-size-8,.5rem)}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-Wrapper-43Iz8[data-variant=anchored] .prc-SelectPanel-Title--CZN1{margin-top:var(--base-size-8,.5rem)}}.prc-SelectPanel-Subtitle-tMSzu{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-SelectPanel-Notice-xDTd4,.prc-SelectPanel-Subtitle-tMSzu{font-size:var(--text-body-size-small,.75rem);margin-left:var(--base-size-8,.5rem)}.prc-SelectPanel-Notice-xDTd4{border:var(--borderWidth-thin,.0625rem) solid;border-radius:var(--borderRadius-medium,.375rem);display:flex;flex-direction:row;gap:var(--base-size-8,.5rem);margin-right:var(--base-size-8,.5rem);margin-top:var(--base-size-4,.25rem);padding:var(--base-size-12,.75rem) var(--base-size-16,1rem)}.prc-SelectPanel-Notice-xDTd4 a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.prc-SelectPanel-Notice-xDTd4:where([data-variant=info]){background-color:var(--bgColor-accent-muted,var(--color-accent-subtle));border-color:var(--borderColor-accent-muted,var(--color-accent-muted));color:var(--fgColor-accent,var(--color-accent-fg))}.prc-SelectPanel-Notice-xDTd4:where([data-variant=warning]){background-color:var(--bgColor-attention-muted,var(--color-attention-subtle));border-color:var(--borderColor-attention-muted,var(--color-attention-muted));color:var(--fgColor-attention,var(--color-attention-fg))}.prc-SelectPanel-Notice-xDTd4:where([data-variant=error]){background-color:var(--bgColor-danger-muted,var(--color-danger-subtle));border-color:var(--borderColor-danger-muted,var(--color-danger-muted));color:var(--fgColor-danger,var(--color-danger-fg))}.prc-SelectPanel-Footer-78rgp{border-top:var(--borderWidth-thin,.0625rem) solid;border-top-color:var(--borderColor-default,var(--color-border-default));display:flex;padding:var(--base-size-8,.5rem)}.prc-SelectPanel-FilteredActionList-wzS7m{height:inherit;max-height:inherit}.prc-SelectPanel-Message-CSpwI{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--base-size-4,.25rem);height:100%;justify-content:center;padding:var(--base-size-24,1.5rem);text-align:center}.prc-SelectPanel-Message-CSpwI a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.prc-SelectPanel-MessageTitle-o6PpS{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600)}.prc-SelectPanel-MessageBody-89DEz{align-items:center;color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem);gap:var(--stack-gap-condensed,.5rem)}.prc-SelectPanel-MessageIcon-GS8ry{color:var(--fgColor-attention,var(--color-attention-fg));margin-bottom:var(--base-size-8,.5rem)}.prc-SelectPanel-MessageIcon-GS8ry:where([data-variant=error]){color:var(--fgColor-danger,var(--color-danger-fg))}.prc-SelectPanel-MessageAction-qwola{margin-top:var(--base-size-8,.5rem)}.prc-SelectPanel-ResponsiveCloseButton-3mdX2{display:inline-grid}.prc-SelectPanel-ResponsiveFooter-e-JSD{align-items:center;display:none;justify-content:center;padding:var(--base-size-8,.5rem)}.prc-SelectPanel-ResponsiveFooter-e-JSD:where([data-display-footer=always]){display:flex}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveFooter-e-JSD:where([data-display-footer=only-small]){display:flex}}.prc-SelectPanel-ResponsiveFooter-e-JSD[data-stretch-secondary-action=never]{justify-content:space-between}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveFooter-e-JSD:where([data-stretch-secondary-action=only-big]){justify-content:space-between}}.prc-SelectPanel-ResponsiveFooter-e-JSD:where([data-stretch-save-button=only-small]){justify-content:space-between}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveFooter-e-JSD:where([data-stretch-save-button=only-small]){justify-content:center}}.prc-SelectPanel-SecondaryAction-aWzLU{align-items:stretch;display:flex;flex-grow:1;justify-content:center}.prc-SelectPanel-SecondaryAction-aWzLU[data-stretch-secondary-action=never]{align-items:flex-start;flex-grow:0}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-SecondaryAction-aWzLU:where([data-stretch-secondary-action=only-big]){align-items:flex-start;flex-grow:0}}.prc-SelectPanel-CancelSaveButtons-kk2cT{display:flex;gap:var(--stack-gap-condensed,.5rem);justify-content:flex-end}.prc-SelectPanel-ResponsiveCancelSaveButtons-j1--s{display:none}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveCancelSaveButtons-j1--s{display:flex;gap:var(--stack-gap-condensed,.5rem);justify-content:flex-end}}.prc-SelectPanel-ResponsiveSaveButton-Ooz4Y{display:none}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveSaveButton-Ooz4Y{display:flex}}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SelectPanel-ResponsiveSaveButton-Ooz4Y:where([data-stretch-save-button=only-small]){flex-grow:1}}.prc-SelectPanel-Backdrop-7XJa-{background-color:var(--overlay-backdrop-bgColor,var(--color-overlay-backdrop));inset:0;position:absolute}
/*# sourceMappingURL=SelectPanel-06900070.css.map */