@littlemissrobot/sass-spacing

Little Miss Robot spacing setup for defining spacing variables.

Usage no npm install needed!

<script type="module">
  import littlemissrobotSassSpacing from 'https://cdn.skypack.dev/@littlemissrobot/sass-spacing';
</script>

README

Little Miss Robot - Sass spacing (DEV)

This repository contains sass functionality to define consistent spacing. This is part of the @littlemissrobot/sass-system package, but can be used as a standalone package. This README is meant for the dev team and should not be published!

Setup

  1. Install the dependencies:
npm install
  1. Start the development environment:
npm run start

Scripts

Command Description
npm run start Start the development environment where Sass starts compiling the tests/index.scss file to the dist folder.
npm run lint Use stylelint to lint sass and css to check if everything is formatted correctly.

Structure

Folder Description
lib Contains all the code that should be published to NPM as a package.
tests.html, tests.scss Testing files during development of the package, should never be published.

Publish to npm

  1. Change the version in the package.json to the wanted version number. Examples: 2.0.5 -> 2.0.6: for a small patch. 2.0.5 -> 3.0.0: for a breaking change.

  2. Run npm install -g npm-check-updates && ncu -u "/^@littlemissrobot/.*$/" && npm install.

  3. Push your changes to master.

  4. Manually run the Publish to NPM step in the pipelines when the automated steps have succesfully finished.

Contact

  • sebastien@littlemissrobot.com