1 line
1.8 KiB
CSS
1 line
1.8 KiB
CSS
.badge{display:inline-flex;align-items:center;border-radius:.4rem;border-width:1px;font-weight:400;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.badge:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--ring);--tw-ring-offset-width:2px}.badge.default{border-color:transparent;background-color:var(--primary)}.badge.secondary{border-color:transparent;background-color:var(--secondary)}.badge.destructive{border-color:transparent;background-color:var(--destructive)}.badge.red{--tw-bg-opacity:1;background-color:rgb(255 99 84/var(--tw-bg-opacity,1))}.badge.blue{--tw-bg-opacity:1;background-color:rgb(27 169 255/var(--tw-bg-opacity,1))}.badge.yellow{--tw-bg-opacity:1;background-color:rgb(251 199 0/var(--tw-bg-opacity,1))}.badge.orange{--tw-bg-opacity:1;background-color:rgb(255 138 34/var(--tw-bg-opacity,1))}.badge.smokyBlue{--tw-bg-opacity:1;background-color:rgb(91 133 255/var(--tw-bg-opacity,1))}.badge.purple{--tw-bg-opacity:1;background-color:rgb(216 91 255/var(--tw-bg-opacity,1))}.badge.green{--tw-bg-opacity:1;background-color:rgb(7 189 157/var(--tw-bg-opacity,1))}.badge.gray{--tw-bg-opacity:1;background-color:rgb(131 131 131/var(--tw-bg-opacity,1))}.badge.lightGray{--tw-bg-opacity:1;background-color:rgb(185 185 185/var(--tw-bg-opacity,1))}.badge.base{padding:.125rem .625rem;font-size:1.1rem}.badge.lg{padding:.25rem 1.25rem;font-size:1.3rem} |