welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
2 lines (1 loc) • 4.79 kB
CSS
@layer components{._root_17p74_2{display:var(--display, block);font-size:var(--fontSize);line-height:var(--lineHeight);letter-spacing:var(--letterSpacing);font-weight:var(--fontWeight);font-family:var(--fontFamily, var(--font-family-body));line-clamp:var(--lineClamp, none);-webkit-line-clamp:var(--lineClamp, none);word-break:var(--wordBreak, wrap-break-word);color:var(--color, inherit)}._variant-display-xl_17p74_15,._variant-display-lg_17p74_15,._variant-display-md_17p74_15,._variant-display-sm_17p74_15{--fontFamily: var(--font-family-title);--lineHeight: var(--font-line-height-xs);--letterSpacing: var(--font-letter-spacing-xs);--color: var(--color-text-neutral-primary)}._variant-display-xl_17p74_15{--fontSize: var(--font-size-7xl);--fontWeight: var(--font-weight-black)}._variant-display-lg_17p74_15{--fontSize: var(--font-size-6xl);--fontWeight: var(--font-weight-black)}._variant-display-md_17p74_15{--fontSize: var(--font-size-5xl);--fontWeight: var(--font-weight-black)}._variant-display-sm_17p74_15{--fontSize: var(--font-size-4xl);--fontWeight: var(--font-weight-black)}._variant-heading-xl_17p74_37,._variant-heading-lg_17p74_37,._variant-heading-md_17p74_37,._variant-heading-sm_17p74_37,._variant-heading-md-strong_17p74_37,._variant-heading-sm-strong_17p74_37,._variant-heading-xs-strong_17p74_37{--fontFamily: var(--font-family-title);--lineHeight: var(--font-line-height-xs);--letterSpacing: var(--font-letter-spacing-xs);--color: var(--color-text-neutral-primary)}._variant-heading-xl_17p74_37{--fontSize: var(--font-size-3xl);--fontWeight: var(--font-weight-bold)}._variant-heading-lg_17p74_37{--fontSize: var(--font-size-2xl);--fontWeight: var(--font-weight-bold)}._variant-heading-md_17p74_37,._variant-heading-md-strong_17p74_37{--fontSize: var(--font-size-xl);--fontWeight: var(--font-weight-medium)}._variant-heading-md-strong_17p74_37{--fontWeight: var(--font-weight-bold)}._variant-heading-sm_17p74_37,._variant-heading-sm-strong_17p74_37{--fontSize: var(--font-size-lg);--fontWeight: var(--font-weight-medium)}._variant-heading-sm-strong_17p74_37{--fontWeight: var(--font-weight-bold)}._variant-heading-xs_17p74_37,._variant-heading-xs-strong_17p74_37{--fontSize: var(--font-size-md);--fontWeight: var(--font-weight-medium)}._variant-heading-xs-strong_17p74_37{--fontWeight: var(--font-weight-bold)}._variant-body-xl_17p74_72,._variant-body-lg_17p74_72,._variant-body-md_17p74_72,._variant-body-sm_17p74_72,._variant-body-xl-strong_17p74_72,._variant-body-lg-strong_17p74_72,._variant-body-md-strong_17p74_72,._variant-body-sm-strong_17p74_72{--fontFamily: var(--font-family-body);--letterSpacing: var(--font-letter-spacing-none);--fontWeight: var(--font-weight-regular)}._variant-body-xl-strong_17p74_72,._variant-body-lg-strong_17p74_72,._variant-body-md-strong_17p74_72,._variant-body-sm-strong_17p74_72{--fontWeight: var(--font-weight-medium)}._variant-body-xl_17p74_72,._variant-body-xl-strong_17p74_72{--fontSize: var(--font-size-lg);--lineHeight: var(--font-line-height-lg)}._variant-body-lg_17p74_72,._variant-body-lg-strong_17p74_72{--fontSize: var(--font-size-md);--lineHeight: var(--font-line-height-lg)}._variant-body-md_17p74_72,._variant-body-md-strong_17p74_72{--fontSize: var(--font-size-sm);--lineHeight: var(--font-line-height-md)}._variant-body-sm_17p74_72,._variant-body-sm-strong_17p74_72{--fontSize: var(--font-size-xs);--lineHeight: var(--font-line-height-sm)}._variant-label-xl_17p74_96,._variant-label-lg_17p74_96,._variant-label-md_17p74_96,._variant-label-sm_17p74_96{--fontFamily: var(--font-family-body);--letterSpacing: var(--font-letter-spacing-none);--lineHeight: var(--font-line-height-xs)}._variant-label-xl_17p74_96{--fontSize: var(--font-size-lg);--fontWeight: var(--font-weight-bold)}._variant-label-lg_17p74_96{--fontSize: var(--font-size-md);--fontWeight: var(--font-weight-semi-bold)}._variant-label-md_17p74_96,._variant-label-md-strong_17p74_109{--fontSize: var(--font-size-sm);--fontWeight: var(--font-weight-medium)}._variant-label-md-strong_17p74_109{--fontWeight: var(--font-weight-semi-bold)}._variant-label-sm_17p74_96,._variant-label-sm-strong_17p74_116{--fontSize: var(--font-size-xs);--fontWeight: var(--font-weight-medium)}._variant-label-sm-strong_17p74_116{--fontWeight: var(--font-weight-bold)}._with-lines_17p74_123{--display: -webkit-box;-webkit-box-orient:vertical;--line-height: normal;overflow:hidden}._single-line_17p74_129{--wordBreak: break-all;--lineHeight: normal}._multi-line_17p74_133{--lineHeight: 1.4}._with-dash_17p74_136{--display: flex;align-items:center}._with-dash_17p74_136:before{--display: inline-block;content:"";width:var(--border-radius-xl);height:var(--border-radius-sm);background-color:var(--color-background-brand-primary);margin-right:var(--border-radius-xl);flex-shrink:0}}