@primer/react/lib/experimental/Skeleton/SkeletonText-c8c6465a.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../../src/experimental/Skeleton/SkeletonText.module.css"],"names":[],"mappings":"AAAA,iCACE,iDAAyC,CACzC,uDAAiD,CACjD,sEA6DF,CA3DE,sCALF,iCAMI,qEA0DJ,CAzDE,CAPF,iCAUE,gDAAwC,CADxC,uBAAwB,CAGxB,mCAoDF,CAlDE,4DAEE,uCAOF,CALE,uEAGE,eAAgB,CADhB,aAAc,CADd,cAGF,CAGF,uJAEE,gDACF,CAEA,0EACE,2CAAqC,CACrC,gDACF,CAEA,6EACE,6CAAyC,CACzC,oDACF,CAEA,8EACE,iDAA0C,CAC1C,qDACF,CAEA,6EACE,6CAAyC,CACzC,oDACF,CAEA,2EACE,6CAAsC,CACtC,iDACF,CAEA,4EACE,4CAAwC,CACxC,mDACF,CAEA,4EACE,+CAAwC,CACxC,sDACF","file":"SkeletonText-c8c6465a.css","sourcesContent":[".SkeletonText {\n  --font-size: var(--text-body-size-medium);\n  --line-height: var(--text-body-lineHeight-medium);\n  --leading: calc(var(--font-size) * var(--line-height) - var(--font-size));\n\n  @supports (margin-block: mod(1px, 1px)) {\n    --leading: mod(var(--font-size) * var(--line-height), var(--font-size));\n  }\n\n  height: var(--font-size);\n  border-radius: var(--borderRadius-small);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-block: calc(var(--leading) / 2);\n\n  &:where([data-in-multiline]) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-block-end: calc(var(--leading) * 2);\n\n    &:last-child {\n      min-width: 50px;\n      max-width: 65%;\n      margin-bottom: 0;\n    }\n  }\n\n  &:where([data-text-skeleton-size='display']),\n  &:where([data-text-skeleton-size='titleLarge']) {\n    border-radius: var(--borderRadius-medium);\n  }\n\n  &:where([data-text-skeleton-size='display']) {\n    --font-size: var(--text-display-size);\n    --line-height: var(--text-display-lineHeight);\n  }\n\n  &:where([data-text-skeleton-size='titleLarge']) {\n    --font-size: var(--text-title-size-large);\n    --line-height: var(--text-title-lineHeight-large);\n  }\n\n  &:where([data-text-skeleton-size='titleMedium']) {\n    --font-size: var(--text-title-size-medium);\n    --line-height: var(--text-title-lineHeight-medium);\n  }\n\n  &:where([data-text-skeleton-size='titleSmall']) {\n    --font-size: var(--text-title-size-small);\n    --line-height: var(--text-title-lineHeight-small);\n  }\n\n  &:where([data-text-skeleton-size='subtitle']) {\n    --font-size: var(--text-subtitle-size);\n    --line-height: var(--text-subtitle-lineHeight);\n  }\n\n  &:where([data-text-skeleton-size='bodyLarge']) {\n    --font-size: var(--text-body-size-large);\n    --line-height: var(--text-body-lineHeight-large);\n  }\n\n  &:where([data-text-skeleton-size='bodySmall']) {\n    --font-size: var(--text-body-size-small);\n    --line-height: var(--text-body-lineHeight-small);\n  }\n}\n"]}