Files
blog/tailwind.config.cjs
2022-09-11 03:51:55 -04:00

45 lines
1.0 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: ["'InterVariable'", ...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",
// };