@citizensadvice/utilities

A meta package that contains all utility packages.

Usage no npm install needed!

<script type="module">
  import citizensadviceUtilities from 'https://cdn.skypack.dev/@citizensadvice/utilities';
</script>

README

Utilities npm (scoped)

A meta package that contains all utility packages.

Utilties provide the building blocks for common layout and styling, to avoid writing custom classes. They adhere to the "Single Responsibility Principle" theory that states that every module, class or function should have one responsibility and that the responsibility should be entirely encapsulated by the class.

Dependencies

Name
@citizensadvice/background-colors
@citizensadvice/background-position
@citizensadvice/background-size
@citizensadvice/border-colors
@citizensadvice/border-radius
@citizensadvice/border-style
@citizensadvice/border-width
@citizensadvice/borders
@citizensadvice/box-sizing
@citizensadvice/cursor
@citizensadvice/display
@citizensadvice/flexbox
@citizensadvice/floats
@citizensadvice/focus
@citizensadvice/font-family
@citizensadvice/font-size
@citizensadvice/font-style
@citizensadvice/font-weight
@citizensadvice/gutters
@citizensadvice/heights
@citizensadvice/hovers
@citizensadvice/letter-spacing
@citizensadvice/line-height
@citizensadvice/line-limit
@citizensadvice/margins
@citizensadvice/normalize
@citizensadvice/outlines
@citizensadvice/overflow
@citizensadvice/padding
@citizensadvice/positioning
@citizensadvice/text-align
@citizensadvice/text-colors
@citizensadvice/text-decoration
@citizensadvice/widths
@citizensadvice/z-index

Installation

$ npm install @citizensadvice/utilities

now import into your stylesheet...

@import '@citizensadvice/utilities/index.scss';

You can make use of the unpkg service, try adding the link below to the head of your HTML file.

<link src="https://unpkg.com/@citizensadvice/utilities@latest/build/utilities.css" />