digital-gardeners/tailwind.config.js
2021-09-10 10:22:45 +01:00

49 lines
1.4 KiB
JavaScript

const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");
module.exports = {
purge: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {
fontFamily: {
sans: ["Poppins", ...defaultTheme.fontFamily.sans],
serif: ["Source Serif Pro", ...defaultTheme.fontFamily.serif],
},
fontSize: {
// Set in Perfect Fourth typescale (1.33)
base: "1em",
lg: "1.333em",
xl: "1.777em",
"2xl": "2.369em",
"3xl": "3.157em",
"4xl": "4.2em",
"5xl": "5.61em",
},
colors: {
...colors,
brightGreen: "#189191",
deepGreen: "#136464",
offWhite: "#F5F4EF",
black: "#373435",
lightBlack: "#514B4C",
orangeRed: "#FF6148",
},
},
},
variants: {
extend: {},
},
plugins: [
require("@tailwindcss/typography"),
// https://github.com/tailwindlabs/tailwindcss-typography
],
};
// https://tailwindcss.com/docs/theme
//https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/defaultConfig.stub.js#L7