diff options
Diffstat (limited to 'assets/css/tailwind.config.js')
-rw-r--r-- | assets/css/tailwind.config.js | 89 |
1 files changed, 57 insertions, 32 deletions
diff --git a/assets/css/tailwind.config.js b/assets/css/tailwind.config.js index 43fad44..194e310 100644 --- a/assets/css/tailwind.config.js +++ b/assets/css/tailwind.config.js @@ -1,55 +1,80 @@ -const themeDir = __dirname + '/../../'; +const themeDir = __dirname + "/../../"; module.exports = { important: true, content: [ - themeDir + 'layouts/**/*.html', - themeDir + 'exampleSite/content/**/*.html', - 'layouts/**/*.html', - 'content/**/*.html', + themeDir + "layouts/**/*.html", + themeDir + "exampleSite/content/**/*.html", + "layouts/**/*.html", + "content/**/*.html", ], theme: { fontFamily: { - 'serif': ['Lora', 'Noto Serif SC', 'serif'], - 'mono': ['SFMono-Regular', 'Menlo', 'monospace'], + serif: ["Lora", "Noto Serif SC", "serif"], + mono: ["SFMono-Regular", "Menlo", "monospace"], }, extend: { height: { - '(screen-16)': 'calc(100vh - 4rem)', - '(16-4px)': 'calc(4rem - 4px)', - '96': '24rem', - '128': '32rem', - '160': '40rem', + "(screen-16)": "calc(100vh - 4rem)", + "(16-4px)": "calc(4rem - 4px)", + 96: "24rem", + 128: "32rem", + 160: "40rem", }, minHeight: { - '16': '4rem', + 16: "4rem", }, maxHeight: { - 'doc-sidebar': 'calc(100vh - 4rem - var(--height-doc-title, 4rem))', + "doc-sidebar": "calc(100vh - 4rem - var(--height-doc-title, 4rem))", }, lineHeight: { - '(16-4px)': 'calc(4rem - 4px)', + "(16-4px)": "calc(4rem - 4px)", }, inset: { - '16': '4rem', - '32': '8rem', - '48': '12rem', + 16: "4rem", + 32: "8rem", + 48: "12rem", }, padding: { - 'scrollbar': 'calc(100vw - 100%)', + scrollbar: "calc(100vw - 100%)", }, colors: { - 'eureka': 'var(--color-eureka)', - 'primary-bg': 'var(--color-primary-bg)', - 'secondary-bg': 'var(--color-secondary-bg)', - 'tertiary-bg': 'var(--color-tertiary-bg)', - 'primary-text': 'var(--color-primary-text)', - 'secondary-text': 'var(--color-secondary-text)', - 'tertiary-text': 'var(--color-tertiary-text)', - } - } + eureka: "var(--color-eureka)", + "primary-bg": "var(--color-primary-bg)", + "secondary-bg": "var(--color-secondary-bg)", + "tertiary-bg": "var(--color-tertiary-bg)", + "primary-text": "var(--color-primary-text)", + "secondary-text": "var(--color-secondary-text)", + "tertiary-text": "var(--color-tertiary-text)", + }, + typography: ({ theme }) => ({ + DEFAULT: { + css: { + "--tw-prose-body": theme("colors.secondary-text"), + "--tw-prose-headings": theme("colors.primary-text"), + "--tw-prose-lead": theme("colors.secondary-text"), + "--tw-prose-links": theme("colors.primary-text"), + "--tw-prose-bold": theme("colors.primary-text"), + "--tw-prose-counters": theme("colors.tertiary-text"), + "--tw-prose-bullets": theme("colors.tertiary-text"), + "--tw-prose-hr": theme("colors.tertiary-bg"), + "--tw-prose-quotes": theme("colors.tertiary-text"), + "--tw-prose-quote-borders": theme("colors.tertiary-bg"), + "--tw-prose-captions": theme("colors.tertiary-text"), + "--tw-prose-code": theme("colors.primary-text"), + "--tw-prose-pre-code": theme("colors.tertiary-text"), + "--tw-prose-pre-bg": theme("colors.tertiary-bg"), + "--tw-prose-th-borders": theme("colors.tertiary-bg"), + "--tw-prose-td-borders": theme("colors.tertiary-bg"), + // a: { + // color: "var(--tw-prose-links)", + // textDecoration: "no-underline", + // fontWeight: "500", + // }, + }, + }, + }), + }, }, - plugins: [ - require('tailwindcss-rtl') - ] -} + plugins: [require("@tailwindcss/typography"), require("tailwindcss-rtl")], +}; |