Tailwind

Tailwind CSS is utility first CSS framework which can be easily integrated with Sphido. First you have to add following packages:

yarn add tailwind @tailwindcss/typography  

Create tailwind.config.cjs file in project root:

module.exports = {
	content: [
		'./src/**/*.{html,js}',
		'./public/**/*.html',
	],
	theme: {},
	plugins: [
		require('@tailwindcss/typography'),
	],
};

Then add follow lines to the package.json under "scripts":

{
  "scripts": {
    "build.css": "tailwindcss -i ./src/style.css -o ./public/style.css",
    "build.html": "node --experimental-modules index.js"
  }
}

Then run:

yarn build.html && yarn build.css