mobile responsiveness

This commit is contained in:
MapleLeaf
2021-12-30 22:49:36 -06:00
parent a14120a2f8
commit 93cb788394
10 changed files with 409 additions and 35 deletions

View File

@@ -1,8 +1,8 @@
import clsx from "clsx"
export const maxWidthContainer = clsx`
mx-auto w-full max-w-screen-lg px-4
`
export const maxWidthContainer = clsx`mx-auto w-full max-w-screen-lg px-4`
export const inlineIconClass = clsx`inline w-5 align-sub`
export const linkClass = clsx`
font-medium inline-block relative
@@ -13,12 +13,12 @@ export const linkClass = clsx`
export const docsProseClass = clsx`
prose prose-invert
prose-h1:font-light prose-h1:mb-4
prose-h1:font-light prose-h1:mb-4 prose-h1:text-3xl lg:prose-h1:text-4xl
prose-h2:font-light
prose-h3:font-light
prose-p:my-4
prose-a:font-medium prose-a:text-emerald-400 hover:prose-a:no-underline
prose-strong:font-medium prose-strong:text-emerald-400
prose-pre:text-[15px] prose-pre:font-monospace prose-pre:overflow-x-auto
prose-pre:font-monospace prose-pre:overflow-x-auto
max-w-none
`