@lunalytics/ui/dist/assets/label.css

React based component library created to be used in Lunalytics

body{font-size:var(--lunaui-size-md);font-weight:var(--lunaui-weight-medium);line-height:1.5;color:var(--lunaui-text-color);isolation:isolate}.luna-label{display:inline-block;padding:.25rem .5rem;font-size:var(--lunaui-size-sm);border-radius:var(--lunaui-radius-md);font-weight:var(--lunaui-weight-medium);text-align:center;white-space:nowrap}.luna-label--size-xs{font-size:var(--lunaui-size-xs);padding:.1rem .25rem}.luna-label--size-sm{font-size:var(--lunaui-size-sm);padding:.2rem .25rem}.luna-label--size-md{font-size:var(--lunaui-size-md);padding:.25rem .5rem}.luna-label--size-lg{font-size:var(--lunaui-size-lg)}.luna-label--size-xl{font-size:var(--lunaui-size-xl)}.luna-label--size-2xl{font-size:var(--lunaui-size-2xl)}.luna-label{--label-background: var(--lunaui-primary-700);--label-color: var(--lunaui-primary-900);--label-font: var(--lunaui-text-color)}.luna-label--primary{--label-background: var(--lunaui-primary-800);--label-color: var(--lunaui-primary-100);--label-font: var(--lunaui-primary-700)}.luna-label--red{--label-background: var(--lunaui-red-800);--label-color: var(--lunaui-red-100);--label-font: var(--lunaui-red-700)}.luna-label--green{--label-background: var(--lunaui-green-800);--label-color: var(--lunaui-green-100);--label-font: var(--lunaui-green-700)}.luna-label--yellow{--label-background: var(--lunaui-yellow-800);--label-color: var(--lunaui-yellow-100);--label-font: var(--lunaui-yellow-700)}.luna-label--blue{--label-background: var(--lunaui-blue-800);--label-color: var(--lunaui-blue-100);--label-font: var(--lunaui-blue-700)}.luna-label--purple{--label-background: var(--lunaui-purple-800);--label-color: var(--lunaui-purple-100);--label-font: var(--lunaui-purple-700)}.luna-label--cyan{--label-background: var(--lunaui-cyan-800);--label-color: var(--lunaui-cyan-100);--label-font: var(--lunaui-cyan-700)}.luna-label--gray{--label-background: var(--lunaui-gray-800);--label-color: var(--lunaui-gray-100);--label-font: var(--lunaui-white)}.luna-label--pink{--label-background: var(--lunaui-pink-800);--label-color: var(--lunaui-pink-100);--label-font: var(--lunaui-pink-700)}.luna-label--solid{color:var(--lunaui-text-color);background-color:var(--label-background)}.luna-label--border{color:var(--label-font);border:1px solid var(--label-background)}.luna-label--light{color:var(--label-font)}.luna-label--flat{color:var(--label-font);background-color:color-mix(in srgb,var(--label-background),transparent 66%);border:1px solid var(--lunaui-accent-900)}.luna-label--shadow{color:var(--lunaui-text-color);background-color:var(--label-background);box-shadow:0 2px 5px var(--label-background)}