flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/tiny-docs. quick setup, simple, minimalistic docs for your github project
flo-bit.dev/tiny-docs/
1import prose from "@tailwindcss/typography";
2import forms from "@tailwindcss/forms";
3import plugin from "tailwindcss/plugin";
4import colors from "tailwindcss/colors";
5import { accentColor, baseColor, config } from "./config.server";
6
7/** @type {import('tailwindcss').Config} */
8export default {
9 content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
10 theme: {
11 extend: {
12 colors: {
13 accent: colors[accentColor],
14 base: colors[baseColor],
15 },
16 typography: {
17 DEFAULT: {
18 css: {
19 "code::before": {
20 content: "none",
21 },
22 "code::after": {
23 content: "none",
24 },
25 "blockquote p:first-of-type::before": {
26 content: "none",
27 },
28 "blockquote p:first-of-type::after": {
29 content: "none",
30 },
31 },
32 },
33 },
34 },
35 },
36 darkMode: config.SHOW_THEME_TOGGLE ? "class" : "media",
37 plugins: [
38 prose,
39 forms,
40 plugin(function ({ addVariant }) {
41 addVariant(
42 "prose-inline-code",
43 '&.prose :where(:not(pre)>code):not(:where([class~="not-prose"] *))',
44 );
45 }),
46 ],
47};