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

1. Update the version provided in the package.json
2. Commit your changes, and add a tag named vVERSION - for example, v0.0.3
3. Push your changes along with the tag
4. GitHub Actions will build and release automatically

• 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 Personal Access Token with at least the packages:read scope

• Create a .npmrc file in your home folder (if it doesn't exist), and add the following line, replacing TOKEN_HERE with the Personal Access Token you just generated:

  //npm.pkg.github.com/:_authToken=TOKEN_HERE
  

• 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