This repository exists to package Quilt's modifications to the Bulma CSS framework. This allows us to share it between all of our sites, without relying on hacky approaches such as using the main domain as a pseudo-CDN.

1. Install NodeJS v18 or later
2. Install npm and pnpm
3. Run pnpm i --dev and pnpm run build
4. The built files will be placed in the dist/ directory

1. Follow the Building steps above
2. Run pnpm pack and a quilt-bulma.zip file will be generated

• css/: Plain CSS which is needed to tie the light and dark themes together
• sass/: SCSS files representing our Bulma customisations
• When built, /dist: Contains built CSS files, as well as their minified versions

• Create a .npmrc file in your project directory (if it doesn't exist), and add the following line:

  @quiltmc:registry=https://npm.pkg.github.com
  

• Install @quiltmc/quilt-bulma with your favourite npm-alike

• Make use of the files you'll now find in node_modules/@quiltmc/quilt-bulma

This project combines and modifies the following projects:

• Bulma, the CSS framework

• The following CreativeBulma components:

  • bulma-divider, a Bulma extension for dividers with text
  • bulma-tooltip, a Bulma extension for adding tooltips to anything

• The following wikiki components:

  • bulma-timeline, a Bulma extension for vertical timeline layouts