@ozen-ui/kit

Version:
React component library
46 lines (45 loc) • 1.58 kB
CSS
.SidebarUserMenu-Button_color_main.ButtonNext {
    --button-font-color: var(--color-content-primary);
    --button-font-color-hover: var(--color-content-primary);
    --button-font-color-active: var(--color-content-primary);
    --button-font-color-focus: var(--color-content-primary);
  }
  .SidebarUserMenu-Button_color_accent.ButtonNext {
    --button-font-color: var(--color-content-primary-inverse);
    --button-font-color-hover: var(--color-content-primary-inverse);
    --button-font-color-active: var(--color-content-primary-inverse);
    --button-font-color-focus: var(--color-content-primary-inverse);
  }
  .SidebarUserMenu-Chevron {
    transform: rotate(0deg);
    transition: var(--transition-default) transform;
    flex-shrink: 0;
  }
  .SidebarUserMenu-Button.ButtonNext {
      inline-size: -moz-fit-content;
      inline-size: fit-content;
      max-inline-size: 100%;
      justify-content: flex-start;
    }
  .SidebarUserMenu-Button .ButtonNext-Content {
      flex-grow: initial;
      gap: var(--spacing-3xs);
    }
  .SidebarUserMenu-Button_manyLines .SidebarUserMenu-Label {
        white-space: normal;
      }
  .SidebarUserMenu-Button_open .SidebarUserMenu-Chevron {
        transform: rotate(180deg);
      }
  .SidebarUserMenu-Button .SidebarUserMenu-LabelWrapper {
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
  }
  .SidebarUserMenu-Label {
    display: -webkit-box;
    -webkit-box-orient: block-axis;
    -webkit-line-clamp: var(--sidebar-user-menu-ellipsis);
    overflow: hidden;
    text-align: start;
  }