spectre.console/docs/input/tailwind.config.js
Phil Scott 899dd20b65 Optimizing build
* Upgrades Statiq.Web to which contains analyzer perf improvements
* Dropping script front matter when not needed from blog archives
* Trimming down the number of files tailwind examines when building the css file to only a subset of the docs.
* Updates Playwright to latest version
* Updates tailwind and asciienma to latest
* Removes npm packages that are no longer required
2022-02-22 08:56:27 +01:00

118 lines
4.4 KiB
JavaScript

const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
/*
we don't need to scan all the doc files because they all share the same layout. so we can exclude all but one of the namespace (Spectre.Console.Advanced) from the scan
we'll get all the css classes that we need to build up the styles for the rest.
*/
content: [
"./output/**/*.html",
"!./output/api/Spectre.Console/**/*.html",
"!./output/api/Spectre.Console.Cli/**/*.html",
"!./output/api/Spectre.Console/Spectre.Console.Cli.Unsafe/**/*.html",
"!./output/api/Spectre.Console/Spectre.Console.Rendering/**/*.html"
],
darkMode: "class",
theme: {
extend: {
fontFamily: {
sans: ["Poppins", ...defaultTheme.fontFamily.sans],
mono: ["ui-monospace", "Cascadia Mono", "Cascadia Code", "Menlo", "Consolas", "Liberation Mono", "Lucida Console", "WebCascadiaMonoPL", "monospace"],
},
container: ({theme}) => ({
center: true,
padding: {
DEFAULT: "2rem",
sm: "2rem",
lg: "4rem",
xl: "5rem",
"2xl": "6rem",
},
screens: {
sm: theme("spacing.full"),
md: theme("spacing.full"),
lg: "1280px",
xl: "1400px",
},
}),
typography: (theme) => ({
DEFAULT: {
css: {
h2: {
marginTop: '1.4em',
marginBottom: `.2em`,
},
h3: {
marginTop: '2.4em',
lineHeight: '1.4',
},
pre: {
borderRadius: theme('borderRadius.xl'),
borderWidth: '1px',
borderColor: theme('colors.slate.700'),
color: theme('colors.slate.50'),
boxShadow: theme('boxShadow.md'),
},
'p + pre, p + asciinema-player pre': {
marginTop: `${-4 / 14}em`,
},
'pre + pre': {
marginTop: `${-16 / 14}em`,
},
code: {
fontWeight: theme("fontWeight.normal"),
},
"code::before": {
content: " ",
},
"code::after": {
content: " ",
},
td: {
overflowWrap: "anywhere",
},
a: {
fontWeight: theme('fontWeight.light'),
textDecoration: 'none',
borderBottom: `1px solid ${theme('colors.teal.600')}`,
},
'a:hover': {
borderBottomWidth: '2px',
},
},
},
base: {
css: {
pre: {
fontWeight: theme("fontWeight.light"),
fontSize:'.9rem',
lineHeight: '1.35'
},
code: {
fontSize:'inherit'
},
}
},
sm: {
css: {
pre: {
fontSize:'.8rem',
lineHeight: '1.4',
},
code:{
fontSize:'inherit'
},
}
}
}),
},
},
variants: {
extend: {},
},
plugins: [
require('@tailwindcss/forms'),
require("@tailwindcss/typography")
],
};