bootstrap-with-tailwind/tailwind.config.cjs
2023-01-20 19:00:19 +00:00

37 lines
801 B
JavaScript

const colors = require("tailwindcss/colors");
const plugin = require("tailwindcss/plugin");
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
theme: {
extend: {
colors: {
gray: {
750: "#343a40",
...colors.neutral,
},
},
fontFamily: {
sans: [
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"Helvetica Neue",
"Arial",
"sans-serif",
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
],
},
},
},
plugins: [
plugin(({ addVariant }) => {
addVariant("hocus", ["&:hover", "&:focus"]);
}),
],
};