Files
blog/tailwind.config.cjs
2022-09-09 22:19:00 -04:00

44 lines
1.1 KiB
JavaScript

const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors")
module.exports = {
content: ["./src/**/*.{astro,html,js,jsx,md,svelte,ts,tsx,vue}"],
theme: {
extend: {
colors: {
primary: colors.blue,
secondary: colors.pink,
},
fontFamily: {
sans: ["'Inter'", ...defaultTheme.fontFamily.sans],
},
},
},
plugins: [require("@tailwindcss/typography")],
darkMode: "class",
};
/*
Alternative tailwind.config.js
NOTE: Add this fonts to <head>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700&display=swap" rel="stylesheet" />
*/
// module.exports = {
// content: ["./src/**/*.{astro,html,js,jsx,md,svelte,ts,tsx,vue}"],
// theme: {
// extend: {
// colors: {
// primary: colors.cyan,
// secondary: colors.lime,
// },
// fontFamily: {
// sans: ["'Nunito'", ...defaultTheme.fontFamily.sans],
// },
// },
// },
// plugins: [require("@tailwindcss/typography")],
// darkMode: "class",
// };