welcome-ui/dist/Tabs.css

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

@layer components{._root_ijogm_2{display:flex;align-items:center;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:ease-in-out;cursor:pointer;border-radius:var(--radius-md);transition-duration:var(--duration-medium);font-weight:var(--font-weight-medium);gap:var(--tabGap);max-height:var(--tabItemMaxHeight);padding-block:var(--tabPaddingBlock);padding-inline:var(--tabPaddingInline);font-size:var(--tabFontSize);background-color:var(--tabItemBackgroundColor, var(--tab-color-background-unchecked-default));color:var(--tabItemColor, var(--tab-color-text-unchecked-default));box-shadow:inset 0 0 0 var(--tabItemBorderSize, var(--tab-border-width-unchecked)) var(--tabItemBorderColor, var(--tab-color-border-unchecked-default)),var(--tabItemBoxShadow, var(--elevation-10))}._root_ijogm_2:focus{outline:none!important;--tabItemColor: var(--tab-color-text-unchecked-pressed);--tabItemBackgroundColor: var(--tab-color-background-unchecked-pressed);--tabItemBorderColor: var(--tab-color-border-unchecked-pressed)}._root_ijogm_2:focus[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default)}._root_ijogm_2[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default);--tabItemBorderSize: var(--tab-border-width-checked)}._root_ijogm_2[aria-selected=true]:hover{--tabItemColor: var(--tab-color-text-checked-hover);--tabItemBackgroundColor: var(--tab-color-background-checked-hover);--tabItemBorderColor: var(--tab-color-border-checked-hover);--tabItemBorderSize: var(--tab-border-width-checked);--tabItemBoxShadow: var(--elevation-20)}._root_ijogm_2[aria-disabled=true]{cursor:not-allowed;--tabItemColor: var(--button-color-text-secondary-main-disabled);background:repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),var(--button-color-background-secondary-main-disabled)}._root_ijogm_2:hover:not([aria-selected=true]):not([aria-disabled=true]){--tabItemColor: var(--tab-color-text-unchecked-hover);--tabItemBackgroundColor: var(--tab-color-background-unchecked-hover);--tabItemBorderColor: var(--tab-color-border-unchecked-hover);--tabItemBoxShadow: var(--elevation-20)}._size-lg_ijogm_58{--tabItemMaxHeight: var(--tab-size-max-height-lg);--tabPaddingBlock: var(--tab-padding-block-lg);--tabPaddingInline: var(--tab-padding-inline-lg);--tabFontSize: var(--font-size-sm);--tabGap: var(--tab-gap-content-lg)}._size-md_ijogm_65{--tabItemMaxHeight: var(--tab-size-max-height-md);--tabPaddingBlock: var(--tab-padding-block-md);--tabPaddingInline: var(--tab-padding-inline-md);--tabFontSize: var(--font-size-xs);--tabGap: var(--tab-gap-content-md)}._folder-icon_ijogm_75{color:var(--tabIconColor)}._folder-icon-blue_ijogm_78{--tabIconColor: var(--color-background-accent-blue-primary)}._folder-icon-blue-active_ijogm_81{--tabIconColor: var(--color-background-accent-blue-strong)}._folder-icon-green_ijogm_84{--tabIconColor: var(--color-background-accent-green-primary)}._folder-icon-green-active_ijogm_87{--tabIconColor: var(--color-background-accent-green-strong)}._folder-icon-orange_ijogm_90{--tabIconColor: var(--color-background-accent-orange-primary)}._folder-icon-orange-active_ijogm_93{--tabIconColor: var(--color-background-accent-orange-strong)}._folder-icon-pink_ijogm_96{--tabIconColor: var(--color-background-accent-pink-primary)}._folder-icon-pink-active_ijogm_99{--tabIconColor: var(--color-background-accent-pink-strong)}._folder-icon-teal_ijogm_102{--tabIconColor: var(--color-background-accent-teal-primary)}._folder-icon-teal-active_ijogm_105{--tabIconColor: var(--color-background-accent-teal-strong)}._folder-icon-violet_ijogm_108{--tabIconColor: var(--color-background-accent-violet-primary)}._folder-icon-violet-active_ijogm_111{--tabIconColor: var(--color-background-accent-violet-strong)}._folder-icon-warm_ijogm_114{--tabIconColor: var(--color-background-warm-stronger)}._folder-icon-warm-active_ijogm_117{--tabIconColor: var(--color-beige-60)}._tab-list_ijogm_123{display:flex;align-items:center;gap:var(--tabsGap, 0)}._tab-list_ijogm_123._size-lg_ijogm_58{--tabsGap: var(--tab-gap-content-lg)}._tab-list_ijogm_123._size-md_ijogm_65{--tabsGap: var(--tab-gap-content-md)}}