SASS Utilities

A collection of SASS utilities for Billow apps. Suited for use in Bulma environments, where the additional functionality is often required. However, this package is framework-agnostic, and can be used to compliment others.

Install with npm install @billow/sass-utilities.

Still a work in progress — suggestions welcome.

Usage

Import the entire toolset:

@import "~@billow/sass-utilities";

Set some variables before importing (see variables.sass for a list of overridables):

$additional-spacing-rems: '3', '4', '5', '6';

@import "~@billow/sass-utilities";

Experimental CSS Grid

Whilst it works efficiently, thanks to the browser, this feature isn’t really production-ready yet. Reason being: class names may change at any time if new features are implemented. The aim is to not have this happen, but it is possible.

So, if you’d like to drop this in a production app, simply copy the contents of the grid.sass file into one of your own stlysheets.

In the meantime, pull it directly from th package to play with it:

@import "~@billow/sass-utilities";
@import "~@billow/sass-utilities/src/grid";

When stable, this will be added to the main stylesheet loader.

Side note: if Bulma releases a really good implementation of CSS grid, this feature may be removed altogether. Just sayin’.

Work with the demo

$ cd demo
$ npm install
$ npx poi