@ozen-ui/kit/__inner__/esm/components/Sidebar/modules/SidebarHeaderLogo/SidebarHeaderLogo.css

React component library

/* stylelint-disable */
.SidebarHeaderLogo {
  --sidebar-collapsible-item-gap: var(--spacing-2xs);
  --sidebar-header-logo-padding: 0;
}
.SidebarHeaderLogo_color_main {
    --sidebar-header-icon-background: var(--color-background-primary);
  }
.SidebarHeaderLogo_color_accent {
    --sidebar-header-icon-background: var(--color-accent-primary);
  }
.SidebarHeaderLogo_size_s {
    --sidebar-header-logo-padding: var(--spacing-2xs);
  }
.SidebarHeaderLogo_size_m {
    --sidebar-header-logo-padding: var(--spacing-xs);
  }
.SidebarHeaderLogo-Text {
    font: var(--typography-text-m_1-font);
    letter-spacing: var(--typography-text-m_1-letter_spacing, 0);
    text-transform: var(--typography-text-m_1-text_transform, none);
    color: var(--sidebar-content-primary-color);
  }
.SidebarHeaderLogo-Icon {
    background-color: var(--sidebar-header-icon-background);
    color: var(--sidebar-content-secondary-color);
    border-radius: var(--border-radius-m);
    flex-shrink: 0;
    padding: var(--sidebar-header-logo-padding);
  }