welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
2 lines (1 loc) • 1.67 kB
CSS
@layer components{._inner_1nesm_2{background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-style:solid;border-width:var(--border-width-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);min-width:8.125rem;z-index:1;opacity:0;transition:opacity var(--duration-fast) ease-in-out}._inner_1nesm_2[data-enter]{opacity:1}._arrow_1nesm_17{display:flex;z-index:2;color:var(--color-neutral-70);stroke-width:0}._arrow_1nesm_17 #_stroke_1nesm_1{color:var(--color-neutral-70)}._arrow-item_1nesm_26{height:var(--height-30);width:var(--height-30);transform:var(--dropdown-menu-transform)}._arrow-placement-bottom_1nesm_31{--dropdown-menu-transform: rotateZ(360deg)}._arrow-placement-left_1nesm_34{--dropdown-menu-transform: rotateZ(90deg)}._arrow-placement-right_1nesm_37{--dropdown-menu-transform: rotateZ(-90deg)}._arrow-placement-top_1nesm_40{--dropdown-menu-transform: rotateZ(180deg)}._item_1nesm_43{display:flex;align-items:center;width:100%;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-decoration:none;transition:var(--duration-medium);padding:var(--spacing-md);background-color:var(--backgroundColor, transparent);color:var(--color, --color-beige-70)}._item_1nesm_43:focus{outline:none;--backgroundColor: var(--color-beige-30);--color: var(--color-neutral-90)}._item_1nesm_43:hover{--backgroundColor: var(--color-beige-30);--color: var(--color-neutral-90)}._item_1nesm_43[disabled]{--backgroundColor: transparent;--color: var(--color-beige-40);cursor:not-allowed}._separator_1nesm_70{background-color:var(--color-beige-30);border:0;height:var(--border-width-sm);margin:0}}