spectre.console/docs/tailwind.config.js
Patrik Svensson 397860e42e Revert PR #436
Using Statiq processes for tailwind commands

This reverts commit adb600c4301db4c0d9ce52cb6a4fe410db2baa17.
This reverts commit ab83e41051d198b550898ff5be30062214779308.
2021-05-26 13:41:49 +02:00

64 lines
2.1 KiB
JavaScript

const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");
module.exports = {
purge: ["./output/**/*.html"],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {
fontFamily: {
sans: ["Poppins", ...defaultTheme.fontFamily.sans],
mono: ["Cascadia Code", ...defaultTheme.fontFamily.mono],
},
container: {
center: true,
padding: {
DEFAULT: "2rem",
sm: "2rem",
lg: "4rem",
xl: "5rem",
"2xl": "6rem",
},
},
typography: (theme) => ({
DEFAULT: {
css: {
color: defaultTheme.colors.gray[900],
a: {
color: defaultTheme.colors.blue[700],
fontWeight: defaultTheme.fontWeight.normal,
"&:hover": {
color: defaultTheme.colors.blue[600],
},
},
"pre code": {
fontWeight: defaultTheme.fontWeight.light,
},
code: {
color: defaultTheme.colors.blue[900],
fontWeight: defaultTheme.fontWeight.normal,
},
"code::before": {
content: " ",
},
"code::after": {
content: " ",
},
h2: {
marginTop: "1em",
marginBottom: ".5em"
}
},
},
}),
},
},
variants: {
extend: {},
},
plugins: [
require('@tailwindcss/forms'),
require("@tailwindcss/typography")
],
};