welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
2 lines (1 loc) • 5.28 kB
CSS
@layer components{._root_1u58t_2{background-color:var(--dropdown-menu-color-background-default);border-style:solid;border-width:var(--dropdown-menu-border-width);border-radius:var(--dropdown-menu-border-radius);font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--font-line-height-md);font-weight:var(--font-weight-regular);min-width:15.75rem;z-index:1;opacity:0;transition:all var(--duration-medium) ease-in-out,opacity var(--duration-fast) ease-in-out;box-sizing:border-box;outline:none;padding:var(--paddingBlockMenu) var(--paddingInlineMenu);border-color:var(--borderColorMenu);box-shadow:var(--boxShadowMenu, var(--elevation-10));--borderColorMenu: var(--dropdown-menu-color-border-default)}._root_1u58t_2[data-enter]{opacity:1}._root_1u58t_2:hover{--borderColorMenu: var(--dropdown-menu-color-border-hover);--boxShadowMenu: var(--elevation-20)}._arrow_1u58t_29{display:flex;z-index:2;color:var(--dropdown-menu-color-border-hover);stroke-width:0}._arrow_1u58t_29 #_stroke_1u58t_1{color:var(--dropdown-menu-color-border-hover)}._arrow-item_1u58t_38{height:var(--height-32);width:var(--height-32);transform:var(--dropdownMenuTransform)}._arrow-placement-bottom_1u58t_43{--dropdownMenuTransform: rotateZ(360deg)}._arrow-placement-left_1u58t_46{--dropdownMenuTransform: rotateZ(90deg)}._arrow-placement-right_1u58t_49{--dropdownMenuTransform: rotateZ(-90deg)}._arrow-placement-top_1u58t_52{--dropdownMenuTransform: rotateZ(180deg)}._item_1u58t_55{display:flex;flex-direction:row;align-items:center;gap:var(--dropdown-menu-item-gap-content);width:100%;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-decoration:none;transition:all var(--duration-medium) ease-in-out;border-radius:var(--dropdown-menu-item-border-radius);padding:var(--paddingBlockItem) var(--paddingInlineItem);background:var(--backgroundItem, var(--dropdown-menu-item-color-background-default));color:var(--colorItem, var(--dropdown-menu-item-color-text-content-default))}._item_1u58t_55:focus{outline:none;--backgroundItem: var(--dropdown-menu-item-color-background-hover);--colorItem: var(--dropdown-menu-item-color-text-content-hover);--colorItemDescription: var( --dropdown-menu-item-color-text-description-hover )}._item_1u58t_55:hover{--backgroundItem: var(--dropdown-menu-item-color-background-hover);--colorItem: var(--dropdown-menu-item-color-text-content-hover);--colorItemDescription: var( --dropdown-menu-item-color-text-description-hover )}._item_1u58t_55[aria-disabled],._item_1u58t_55:disabled{--backgroundItem: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--dropdown-menu-item-color-background-disabled) 2.5px, var(--dropdown-menu-item-color-background-disabled) 5.25px) padding-box;--colorItem: var(--dropdown-menu-item-color-text-content-disabled);--colorItemDescription: var( --dropdown-menu-item-color-text-description-disabled );cursor:not-allowed}._item_1u58t_55._action_1u58t_94{line-height:var(--font-line-height-xs);font-weight:var(--font-weight-semi-bold)}._item_1u58t_55._group-label_1u58t_98{line-height:var(--font-line-height-xs);font-weight:var(--font-weight-semi-bold);pointer-events:none}._item_1u58t_55._search_1u58t_103{margin-bottom:var(--dropdown-menu-gap-content)}._item_1u58t_55 ._item-content_1u58t_106{display:flex;flex-direction:column;align-items:flex-start}._item_1u58t_55 ._item-description_1u58t_111{color:var(--colorItemDescription, var(--dropdown-menu-item-color-text-description-default));transition:all var(--duration-medium) ease-in-out;font-size:var(--font-size-xs);line-height:var(--font-line-height-sm);font-weight:var(--font-weight-regular)}._item_1u58t_55 [aria-checked=true]{transition:all var(--duration-medium) ease-in-out;font-weight:var(--font-weight-medium)}._item_1u58t_55 ._item-default-check_1u58t_122{margin-left:auto;width:auto;height:auto}._item_1u58t_55 ._item-toggle-check_1u58t_127{pointer-events:none}._item_1u58t_55 ._item-checkbox_1u58t_130,._item_1u58t_55 ._item-radio_1u58t_131{display:flex;flex-direction:row;align-items:center;gap:var(--dropdown-menu-item-gap-content);width:100%;padding:var(--paddingBlockItem) var(--paddingInlineItem)}._item_1u58t_55 ._item-checkbox_1u58t_130 label,._item_1u58t_55 ._item-radio_1u58t_131 label{margin:0}._item_1u58t_55:has(._item-checkbox_1u58t_130,._item-radio_1u58t_131){padding:0}._separator_1u58t_146{background-color:var(--dropdown-menu-color-border-default);border:0;height:var(--dropdown-menu-border-width);margin:var(--paddingBlockSeparator) 0}._size-md_1u58t_155{--paddingInlineMenu: var(--dropdown-menu-padding-inline-md);--paddingBlockMenu: var(--dropdown-menu-padding-block-md);--paddingInlineItem: var(--dropdown-menu-item-padding-inline-md);--paddingBlockItem: var(--dropdown-menu-item-padding-block-md);--paddingBlockSeparator: var(--dropdown-menu-divider-padding-block-md)}._size-lg_1u58t_162{--paddingInlineMenu: var(--dropdown-menu-padding-inline-lg);--paddingBlockMenu: var(--dropdown-menu-padding-block-lg);--paddingInlineItem: var(--dropdown-menu-item-padding-inline-lg);--paddingBlockItem: var(--dropdown-menu-item-padding-block-lg);--paddingBlockSeparator: var(--dropdown-menu-divider-padding-block-lg)}}