A demo project for Svelte, Sapper and Smelte.
npx degit "sveltejs/sapper-template#rollup" svelte-demo
cd svelte-demo
npm install smelte
const smelte = require("smelte/rollup-plugin-smelte");
client: {
...
smelte({
purge: !dev,
output: "static/global.css", // this overrides the default global.css
postcss: [],
whitelist: [],
whitelistPatterns: [],
tailwind: {
theme: {
extend: {
spacing: {
72: "18rem",
84: "21rem",
96: "24rem"
}
}
},
colors: {
primary: "#b027b0",
secondary: "#009688",
error: "#f44336",
success: "#4caf50",
alert: "#ff9800",
blue: "#2196f3",
dark: "#212121"
},
darkMode: true,
},
}),
Include material icons.
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500|Material+Icons&display=swap" />
Add Tailwind utilites CSS.
import "smelte/src/tailwind.css";
npm install
npm run dev
Open up localhost:3000 and start clicking around.
npm run export