@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! ⚡
1 lines • 786 B
Source Map (JSON)
{"version":3,"sources":["webpack://./src/components/ui/highlight-text.module.css"],"names":[],"mappings":"AAAA;EACE,kCAAkC;EAClC,0DAA0D;EAC1D,sBAAsB;EACtB,4BAA4B;EAC5B,qBAAqB;EACrB,eAAe;EACf,kBAAkB;AACpB;;AAEA;EACE,8HAA8H;AAChI","sourcesContent":[".highlight {\r\n position: relative;\r\n display: inline;\r\n padding: 0.25rem 0.5rem;\r\n border-radius: var(--ac-radius-lg);\r\n background-image: linear-gradient(90deg, #dbeafe 0%, #f3e8ff 100%);\r\n background-position: left center;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n:global(.dark) .highlight,\r\n:global([data-theme=\"dark\"]) .highlight {\r\n background-image: linear-gradient(90deg, color-mix(in oklch, var(--ac-primary), white 35%) 0%, color-mix(in oklch, #a855f7, white 15%) 100%);\r\n}\r\n"],"sourceRoot":""}