@primer/react/lib/SkeletonText/SkeletonText-5cf908c1.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/SkeletonText/SkeletonText.module.css"],"names":[],"mappings":"AAAA,qCACE,iDAAyC,CACzC,uDAAiD,CACjD,sEA6DF,CA3DE,sCALF,qCAMI,qEA0DJ,CAzDE,CAPF,qCAUE,gDAAwC,CADxC,uBAAwB,CAGxB,mCAoDF,CAlDE,gEAEE,uCAOF,CALE,2EAGE,eAAgB,CADhB,aAAc,CADd,cAGF,CAGF,+JAEE,gDACF,CAEA,8EACE,2CAAqC,CACrC,gDACF,CAEA,iFACE,6CAAyC,CACzC,oDACF,CAEA,kFACE,iDAA0C,CAC1C,qDACF,CAEA,iFACE,6CAAyC,CACzC,oDACF,CAEA,+EACE,6CAAsC,CACtC,iDACF,CAEA,gFACE,4CAAwC,CACxC,mDACF,CAEA,gFACE,+CAAwC,CACxC,sDACF,CAGF,4CAEE,kBACF","file":"SkeletonText-5cf908c1.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\n.SkeletonTextWrapper {\n  /* stylelint-disable-next-line primer/spacing */\n  padding-block: 0.1px;\n}\n"]}