@primer/react/lib/Blankslate/Blankslate-b895977d.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/Blankslate/Blankslate.module.css"],"names":[],"mappings":"AAAA,gCACE,gCACF,CAEA,iCACE,yDAAqD,CACrD,0DAAsD,CAEtD,YAAa,CACb,oBAAqB,CAErB,oFAgBF,CAdE,6DACE,yDAAqD,CACrD,4DACF,CAEA,2DACE,6GAAgE,CAChE,gDACF,CAEA,2DAEE,aAAc,CADd,eAEF,CAGF,gEAEE,QAAS,CACT,sCAAiC,CACjC,iBACF,CAEA,8BACE,+CAAwC,CACxC,+CACF,CAEA,kCAGE,gDAA2B,CAF3B,0CAAsC,CACtC,iDAEF,CAEA,6BACE,mCASF,CAPE,2CACE,qCACF,CAEA,0CACE,sCACF,CAIF,yCACE,iCACE,4DAAqD,CACrD,6DAMF,CAJE,6DACE,4DAAqD,CACrD,6DACF,CAGF,6BAEE,sCAAiC,CADjC,oCAMF,CAHE,iCACE,UACF,CAGF,8BACE,2CACF,CAEA,kCACE,8CACF,CAEA,6BACE,mCASF,CAPE,2CACE,mCACF,CAEA,0CACE,8CACF,CAEJ","file":"Blankslate-b895977d.css","sourcesContent":[".Container {\n  container: blankslate / inline-size;\n}\n\n.Blankslate {\n  --blankslate-outer-padding-block: var(--base-size-32);\n  --blankslate-outer-padding-inline: var(--base-size-32);\n\n  display: grid;\n  justify-items: center;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--blankslate-outer-padding-block) var(--blankslate-outer-padding-inline);\n\n  &:where([data-spacious='true']) {\n    --blankslate-outer-padding-block: var(--base-size-80);\n    --blankslate-outer-padding-inline: var(--base-size-40);\n  }\n\n  &:where([data-border='true']) {\n    border: var(--borderWidth-thin) solid var(--borderColor-default);\n    border-radius: var(--borderRadius-medium);\n  }\n\n  &:where([data-narrow='true']) {\n    max-width: 485px;\n    margin: 0 auto;\n  }\n}\n\n.Heading,\n.Description {\n  margin: 0;\n  margin-bottom: var(--base-size-8);\n  text-align: center;\n}\n\n.Heading {\n  font-size: var(--text-title-size-medium);\n  font-weight: var(--text-title-weight-medium);\n}\n\n.Description {\n  font-size: var(--text-body-size-large);\n  line-height: var(--text-body-lineHeight-large);\n  color: var(--fgColor-muted);\n}\n\n.Action {\n  margin-top: var(--base-size-16);\n\n  &:first-of-type {\n    margin-top: var(--base-size-24);\n  }\n\n  &:last-of-type {\n    margin-bottom: var(--base-size-8);\n  }\n}\n\n/* At the time these styles were written, 34rem was our \"small\" breakpoint width */\n@container blankslate (max-width: 34rem) {\n  .Blankslate {\n    --blankslate-outer-padding-block: var(--base-size-20);\n    --blankslate-outer-padding-inline: var(--base-size-20);\n\n    &:where([data-spacious='true']) {\n      --blankslate-outer-padding-block: var(--base-size-44);\n      --blankslate-outer-padding-inline: var(--base-size-28);\n    }\n  }\n\n  .Visual {\n    max-width: var(--base-size-24);\n    margin-bottom: var(--base-size-8);\n\n    & svg {\n      width: 100%;\n    }\n  }\n\n  .Heading {\n    font-size: var(--text-title-size-small);\n  }\n\n  .Description {\n    font-size: var(--text-body-size-medium);\n  }\n\n  .Action {\n    margin-top: var(--base-size-8);\n\n    &:first-of-type {\n      margin-top: var(--base-size-16);\n    }\n\n    &:last-of-type {\n      margin-bottom: calc(var(--base-size-8) / 2);\n    }\n  }\n}\n"]}