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

View File

@@ -25,9 +25,9 @@ export const CodeBlock = ({
return (
<div
className={clsx(
"bg-medusa-code-bg-base dark:bg-medusa-code-bg-base-dark relative mb-docs_1 rounded-docs_DEFAULT",
"border-medusa-code-border dark:border-medusa-code-border-dark w-full max-w-full border",
"xs:after:content-[''] xs:after:rounded xs:after:absolute xs:after:right-0 xs:after:top-0 xs:after:w-[calc(10%+24px)] xs:after:h-full xs:after:bg-code-fade xs:dark:after:bg-code-fade-dark",
"bg-medusa-code-bg-base relative mb-docs_1 rounded-docs_DEFAULT",
"border-medusa-code-border w-full max-w-full border",
"xs:after:content-[''] xs:after:rounded xs:after:absolute xs:after:right-0 xs:after:top-0 xs:after:w-[calc(10%+24px)] xs:after:h-full xs:after:bg-code-fade",
collapsed && "max-h-[400px] overflow-auto",
className
)}
@@ -78,8 +78,8 @@ export const CodeBlock = ({
{tokens.length > 1 && (
<span
className={clsx(
"text-medusa-code-text-subtle dark:text-medusa-code-text-subtle-dark mr-docs_1 table-cell select-none",
"bg-medusa-code-bg-base dark:bg-medusa-code-bg-base-dark sticky left-0 w-[1%] px-docs_1 text-right"
"text-medusa-code-text-subtle mr-docs_1 table-cell select-none",
"bg-medusa-code-bg-base sticky left-0 w-[1%] px-docs_1 text-right"
)}
>
{i + 1}
@@ -103,7 +103,7 @@ export const CodeBlock = ({
)}
>
<CopyButton text={source} tooltipClassName="font-base">
<SquareTwoStackSolid className="text-medusa-code-icon dark:text-medusa-code-icon-dark" />
<SquareTwoStackSolid className="text-medusa-code-icon" />
</CopyButton>
</div>
</>