UNPKG

welcome-ui

Version:

Customizable design system with react, typescript, tailwindcss and ariakit.

2 lines (1 loc) 1.49 kB
@layer components{._root_173le_2{background-color:var(--color-neutral-10);border:var(--border-width-sm) solid var(--color-neutral-30);border-radius:var(--radius-md);transition:var(--duration-medium)}._root_173le_2:hover{border-color:var(--color-neutral-50)}._icon_173le_11{flex-shrink:0;transform:rotate3d(0);transition:var(--duration-medium);padding:var(--spacing-sm);display:flex;border-radius:var(--radius-circle);color:var(--color-neutral-90)}._icon_173le_11 *:first-child{margin:auto}._disclosure_173le_23{width:100%;padding:var(--spacing-lg);background-color:transparent;border:0;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}._disclosure_173le_23[aria-expanded=true] ._icon_173le_11{transform:rotate3d(0,0,1,90deg)}._disclosure_173le_23:focus,._disclosure_173le_23:hover{cursor:pointer}._disclosure_173le_23:focus ._icon_173le_11,._disclosure_173le_23:hover ._icon_173le_11{background-color:var(--color-neutral-30)}._disclosure_173le_23:focus{outline:0}._disclosure_173le_23:focus ._icon_173le_11{color:inherit}._disclosure-content_173le_48{display:grid;grid-template-rows:0fr;transition-property:grid-template-rows;transition-timing-function:linear;transition-duration:.2s;animation-duration:.2s}._disclosure-content_173le_48>*{overflow:hidden;padding:0}._disclosure-content_173le_48[data-enter]{grid-template-rows:1fr}._content-child_173le_63{padding:var(--spacing-lg);padding-top:0;color:var(--color-neutral-70);font-size:var(--font-size-sm)}}