@primer/react/lib/DialogV1/Dialog-dce13989.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/DialogV1/Dialog.module.css"],"names":[],"mappings":"AACE,mCAUE,wEAA2C,CAN3C,QAAS,CAKT,WAAY,CADZ,cAAe,CADf,aAAc,CAFd,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,UAKF,CAGF,8BACE,iBAAkB,CAElB,8BAA0B,CAD1B,4BAEF,CAEA,2BAOE,mEAAwC,CACxC,gDAAyC,CAEzC,iEAAwC,CAPxC,QAAS,CAGT,gBAAiB,CADjB,eAAgB,CAIhB,YAAa,CARb,cAAe,CACf,KAAM,CASN,0BAA2B,CAP3B,WA6BF,CApBE,uDAEE,WACF,CAEA,sDACE,WACF,CAEA,oDAEE,WACF,CAEA,oCA3BF,2BA+BI,eAAgB,CAFhB,aAAc,CACd,QAAS,CAFT,YAKJ,CADE,CAGF,2BAGE,0DAAgC,CAChC,2GAAuE,CACvE,uFAAwE,CAJxE,YAAa,CACb,gCAQF,CAHE,oCAPF,2BAQI,eAEJ,CADE,CAGF,gCACE,8CAAuC,CACvC,gDACF","file":"Dialog-dce13989.css","sourcesContent":[".Overlay {\n  &::before {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 99;\n    display: block;\n    cursor: default;\n    content: ' ';\n    background: var(--overlay-backdrop-bgColor);\n  }\n}\n\n.CloseIcon {\n  position: absolute;\n  top: var(--base-size-8);\n  right: var(--base-size-16);\n}\n\n.Dialog {\n  position: fixed;\n  top: 0;\n  left: 50%;\n  z-index: 999;\n  max-height: 80vh;\n  margin: 10vh auto;\n  background-color: var(--bgColor-default);\n  border-radius: var(--borderRadius-medium);\n  outline: none;\n  box-shadow: var(--shadow-floating-large);\n  transform: translateX(-50%);\n\n  &:where([data-width='default']) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 440px;\n  }\n\n  &:where([data-width='narrow']) {\n    width: 320px;\n  }\n\n  &:where([data-width='wide']) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 640px;\n  }\n\n  @media screen and (max-width: 750px) {\n    width: 100dvw;\n    height: 100dvh;\n    margin: 0;\n    border-radius: 0;\n  }\n}\n\n.Header {\n  display: flex;\n  padding: var(--base-size-16);\n  background: var(--bgColor-muted);\n  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n  border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;\n\n  @media screen and (max-width: 750px) {\n    border-radius: 0;\n  }\n}\n\n.HeaderChild {\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-semibold);\n}\n"]}