docs: improve tailwind configuration (#5215)

This commit is contained in:
Shahed Nasser
2023-09-26 15:08:30 +03:00
committed by GitHub
parent 240c439beb
commit 63aea62d7a
98 changed files with 643 additions and 894 deletions
@@ -50,21 +50,15 @@ export const SidebarItem = ({
() =>
clsx(
"flex items-center justify-between gap-docs_0.5 rounded-docs_sm px-docs_0.5 py-[6px] hover:no-underline",
!item.children &&
"text-compact-small-plus text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark",
!item.children && "text-compact-small-plus text-medusa-fg-subtle",
item.children &&
"text-compact-x-small-plus text-medusa-fg-muted dark:text-medusa-fg-muted-dark uppercase",
"text-compact-x-small-plus text-medusa-fg-muted uppercase",
item.path !== undefined &&
active && [
"!text-medusa-fg-base bg-medusa-bg-base-pressed",
"dark:!text-medusa-fg-base-dark dark:bg-medusa-bg-base-pressed-dark",
],
item.path !== undefined &&
active &&
"border border-medusa-border-base dark:border-medusa-border-base-dark",
active && ["!text-medusa-fg-base bg-medusa-bg-base-pressed"],
item.path !== undefined && active && "border border-medusa-border-base",
item.path !== undefined &&
!active &&
"hover:bg-medusa-bg-base-hover dark:hover:bg-medusa-bg-base-hover-dark border-transparent"
"hover:bg-medusa-bg-base-hover border-transparent"
),
[item.children, active, item.path]
)
@@ -21,7 +21,7 @@ export const Sidebar = ({
<aside
className={clsx(
"clip bg-docs-bg dark:bg-docs-bg-dark w-ref-sidebar block",
"border-medusa-border-base dark:border-medusa-border-base-dark border-0 border-r border-solid",
"border-medusa-border-base border-0 border-r border-solid",
"fixed -left-full top-[57px] h-screen transition-[left] lg:relative lg:left-0 lg:top-auto lg:h-auto",
"lg:w-sidebar z-[100] w-full lg:z-0",
mobileSidebarOpen && "!left-0",