@primer/react
Version:
An implementation of GitHub's Primer Design System using React
2 lines • 1.53 kB
CSS
.prc-DialogV1-Overlay-8fcHY:before{background:var(--overlay-backdrop-bgColor,var(--color-overlay-backdrop));bottom:0;content:" ";cursor:default;display:block;left:0;position:fixed;right:0;top:0;z-index:99}.prc-DialogV1-CloseIcon-B1Z79{position:absolute;right:var(--base-size-16,1rem);top:var(--base-size-8,.5rem)}.prc-DialogV1-Dialog-5Fgol{background-color:var(--bgColor-default,var(--color-canvas-default));border-radius:var(--borderRadius-medium,.375rem);box-shadow:var(--shadow-floating-large,var(--color-shadow-large));left:50%;margin:10vh auto;max-height:80vh;outline:none;position:fixed;top:0;transform:translateX(-50%);z-index:999}.prc-DialogV1-Dialog-5Fgol:where([data-width=default]){width:440px}.prc-DialogV1-Dialog-5Fgol:where([data-width=narrow]){width:320px}.prc-DialogV1-Dialog-5Fgol:where([data-width=wide]){width:640px}@media screen and (max-width:750px){.prc-DialogV1-Dialog-5Fgol{border-radius:0;height:100dvh;margin:0;width:100dvw}}.prc-DialogV1-Header-o4U-V{background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem) var(--borderRadius-medium,.375rem) 0 0;display:flex;padding:var(--base-size-16,1rem)}@media screen and (max-width:750px){.prc-DialogV1-Header-o4U-V{border-radius:0}}.prc-DialogV1-HeaderChild-QCbQj{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600)}
/*# sourceMappingURL=Dialog-dce13989.css.map */