DEV Community

Cover image for SvelteKit ❤️ Windi CSS
dan
dan

Posted on • Updated on

SvelteKit ❤️ Windi CSS

Specification

  • @sveltejs/kit: "next" (1.0.0-next.115)
  • vite-plugin-windicss: "^1.0.0" (1.0.4)
  • @sveltejs/adapter-static: "next" (1.0.0-next.13)

Features

  • store using localstorage for theme
  • dark mode correctly before everything get rendered
  • dark mode for Windi typography plugin

Demo

Sveltekit ❤️ Windi
Live Demo

Running the project

Clone this repo and cd to the directory, then run npm or yarn

pnpx degit dansvel/sveltekit-windicss myproject ## or npx
cd myproject
pnpm i ## or npm or yarn
pnpm run dev

## to generate static web
pnpm run build
Enter fullscreen mode Exit fullscreen mode

Go to Repo

Discussion (1)

Collapse
opensas profile image
opensas

Hi, I followed your tutorial but I can't seem to override classes, they get applied in alphabetical order instead of in the order specified.

Please have a look at this stack overflow question for an example: stackoverflow.com/questions/691696... and also in this gh issue: github.com/windicss/windicss/issue...

thanks!