yozora-vue
Version:
Build beautiful, scalable UIs effortlessly with Yozora, a Vue 3 and Tailwind CSS component library focused on flexibility, responsiveness, and ease of customization. Perfect for developers seeking fast, maintainable, and utility-first design integration.
2 lines (1 loc) • 1.14 kB
CSS
.yozora-select[data-v-ed67f119]{background-image:url('data:image/svg+xml;utf8,<svg fill="none" stroke="%234B5563" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9l-7 7-7-7"></path></svg>');background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.yozora-select[data-v-ed67f119]:disabled{background-image:url('data:image/svg+xml;utf8,<svg fill="none" stroke="%239CA3AF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9l-7 7-7-7"></path></svg>')}.dark{background-image:url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23E2E8F0" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9l-7 7-7-7"></path></svg>')}.dark{background-image:url('data:image/svg+xml;utf8,<svg fill="none" stroke="%2394A3B8" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9l-7 7-7-7"></path></svg>')}