mirror of
https://github.com/MaggieAppleton/digital-gardeners.git
synced 2024-11-21 08:59:45 +01:00
48 lines
1.4 KiB
JavaScript
48 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.mono],
|
|
},
|
|
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,
|
|
deepGreen: "#136464",
|
|
offWhite: "#F7F7F5",
|
|
black: "#2B2B2B",
|
|
lightBlack: "#3F433E",
|
|
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
|