@arolariu/components
Version:
🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
33 lines (29 loc) • 679 B
CSS
.root {
display: grid;
gap: var(--ac-space-2);
}
.label {
color: var(--ac-foreground);
font-size: var(--ac-text-sm);
font-weight: 500;
line-height: 1.4;
}
.track {
position: relative;
width: 100%;
height: 0.5rem;
overflow: hidden;
border-radius: 9999px;
background-color: var(--ac-secondary);
box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--ac-border), transparent 20%);
}
.indicator {
height: inherit;
border-radius: inherit;
background: linear-gradient(
90deg,
color-mix(in oklch, var(--ac-primary), white 10%) 0%,
var(--ac-primary) 100%
);
transition: width var(--ac-transition-slow);
}