flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/flo-bit.github.io. my personal website, w/ astro, svelte, tailwind, typescript, threlte
flo-bit.dev/
portfolio
portfolio-website
svelte
sveltekit
tailwind
threejs
threlte
typescript
1.4 kB
52 lines
1import prose from "@tailwindcss/typography";
2import forms from "@tailwindcss/forms";
3import plugin from "tailwindcss/plugin";
4import colors from "tailwindcss/colors";
5import aspectRatio from "@tailwindcss/aspect-ratio";
6import animate from "tailwindcss-animate";
7import { ACCENT_COLOR, BASE_COLOR } from "./src/config";
8
9/** @type {import('tailwindcss').Config} */
10export default {
11 content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
12 theme: {
13 extend: {
14 colors: {
15 accent: colors[ACCENT_COLOR.toLowerCase()],
16 base: colors[BASE_COLOR.toLowerCase()],
17 background: colors[BASE_COLOR.toLowerCase()][950]
18 },
19 typography: {
20 DEFAULT: {
21 css: {
22 "code::before": {
23 content: "none",
24 },
25 "code::after": {
26 content: "none",
27 },
28 "blockquote p:first-of-type::before": {
29 content: "none",
30 },
31 "blockquote p:first-of-type::after": {
32 content: "none",
33 },
34 },
35 },
36 },
37 },
38 },
39 darkMode: "class",
40 plugins: [
41 prose,
42 forms,
43 aspectRatio,
44 animate,
45 plugin(function ({ addVariant }) {
46 addVariant(
47 "prose-inline-code",
48 '&.prose :where(:not(pre)>code):not(:where([class~="not-prose"] *))',
49 );
50 }),
51 ],
52};