Eleventy styleguide

Custom pattern library tool using 11ty static site generator.

\	\
Deploy status
Deploy preview	https://eleventy-styleguide.netlify.app/
Project typology	Tool

🔥 Tech stack

Purpose	Technology
Templating	Nunjucks
Styling	SCSS + BEMIT
Documentation	Markdown
Static Site Generator	11ty

🌊 Run development mode

# install dependencies
npm i

# serve with hot reload at localhost:8080
npm run dev

Debug 11ty build

npm run debug

🧳 Build setup

# build for production
npm run build

🌿 Branches

Branch name	Use
main	production

Note that component showing HTML raw source code does not work properly:

<iframe
  srcdoc="../../../iframes/{{ slug }}.html"