@ozen-ui/kit

Version:
React component library
25 lines (21 loc) • 843 B
CSS
.SidebarSizer {
  box-shadow: var(--shadow-l);
}

  .SidebarSizer.IconButtonNext {
    --icon-button-size: 24px;
    --icon-button-bg-color: var(--color-background-main);
    --icon-button-bg-color-hover: var(--color-background-main-hover);
    --icon-button-bg-color-active: var(--color-background-main-pressed);
    --icon-button-bg-color-focus: var(--color-background-main-hover);
    --icon-button-font-color: var(--color-content-primary);
    --icon-button-font-color-hover: var(--color-content-primary);
    --icon-button-font-color-active: var(--color-content-primary);
    --icon-button-font-color-focus: var(--color-content-primary);
  }

  .SidebarSizer-Icon {
    transform: rotate(180deg);
    transition: var(--transition-default) transform;
  }

  .SidebarSizer_expanded .SidebarSizer-Icon {
      transform: rotate(0deg);
    }