@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! ⚡
15 lines (13 loc) • 489 B
CSS
.highlight {
position: relative;
display: inline;
padding: 0.25rem 0.5rem;
border-radius: var(--ac-radius-lg);
background-image: linear-gradient(90deg, #dbeafe 0%, #f3e8ff 100%);
background-position: left center;
background-repeat: no-repeat;
}
:global(.dark) .highlight,
:global([data-theme="dark"]) .highlight {
background-image: linear-gradient(90deg, color-mix(in oklch, var(--ac-primary), white 35%) 0%, color-mix(in oklch, #a855f7, white 15%) 100%);
}