@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 • 2.15 kB
Source Map (JSON)
{"version":3,"sources":["webpack://./src/components/ui/carousel.module.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,uCAAuC;EACvC,aAAa;AACf;;AAEA;EACE,cAAc;EACd,sCAAsC;EACtC,sBAAsB;AACxB;;AAEA;EACE,YAAY;EACZ,+BAA+B;EAC/B,cAAc;AAChB;;AAEA;EACE,eAAe;EACf,8BAA8B;AAChC;;AAEA;EACE,oBAAoB;EACpB,WAAW;EACX,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,QAAQ;EACR,2BAA2B;AAC7B;;AAEA;EACE,SAAS;EACT,yCAAyC;AAC3C;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,SAAS;EACT,UAAU;EACV,WAAW;EACX,YAAY;EACZ,UAAU;EACV,kBAAkB;EAClB,gBAAgB;AAClB","sourcesContent":[".carousel {\r\n position: relative;\r\n}\r\n\r\n.viewport {\r\n overflow: hidden;\r\n}\r\n\r\n.content {\r\n display: flex;\r\n margin-left: calc(var(--ac-space-4) * -1);\r\n}\r\n\r\n.contentVertical {\r\n flex-direction: column;\r\n margin-top: calc(var(--ac-space-4) * -1);\r\n margin-left: 0;\r\n}\r\n\r\n.item {\r\n min-width: 0;\r\n flex: 0 0 100%;\r\n padding-left: var(--ac-space-4);\r\n}\r\n\r\n.itemVertical {\r\n padding-top: var(--ac-space-4);\r\n padding-left: 0;\r\n}\r\n\r\n.navigationButton {\r\n position: absolute;\r\n width: 2rem;\r\n height: 2rem;\r\n border-radius: 999px;\r\n}\r\n\r\n.navigationButton[data-orientation=\"horizontal\"] {\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.navigationButton[data-orientation=\"vertical\"] {\r\n left: 50%;\r\n transform: translateX(-50%) rotate(90deg);\r\n}\r\n\r\n.previousButton[data-orientation=\"horizontal\"] {\r\n left: -3rem;\r\n}\r\n\r\n.nextButton[data-orientation=\"horizontal\"] {\r\n right: -3rem;\r\n}\r\n\r\n.previousButton[data-orientation=\"vertical\"] {\r\n top: -3rem;\r\n}\r\n\r\n.nextButton[data-orientation=\"vertical\"] {\r\n bottom: -3rem;\r\n}\r\n\r\n.navigationIcon {\r\n width: 1rem;\r\n height: 1rem;\r\n}\r\n\r\n.srOnly {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n white-space: nowrap;\r\n}\r\n\r\n"],"sourceRoot":""}