flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/blog-template. minimalistic astro blog template
flo-bit.dev/blog-template/
astro
blog
template
1.3 kB
47 lines
1import prose from "@tailwindcss/typography";
2import forms from "@tailwindcss/forms";
3import plugin from "tailwindcss/plugin";
4import colors from "tailwindcss/colors";
5import { ACCENT_COLOR, BASE_COLOR, MANUAL_DARK_MODE } from "./src/config.ts";
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[ACCENT_COLOR.toLowerCase()],
14 base: colors[BASE_COLOR.toLowerCase()],
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: MANUAL_DARK_MODE ? "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};