Base styles and variables

Downloads in past


2.10.06 days ago5 years agoMinified + gzip package size for @servicensw/base in KB


Base CSS for all of Service NSW.
Service NSW package documentation and examples
(Login credentials required)


npm install @servicensw/base --save-dev

How to use

  • PostCSS workflow: @import '@servicensw/base';
  • Sass/Eyeglass: @import 'servicensw-base';
  • Native CSS: @import url('dist/base.css');
  • Link tag: <link href="dist/base.css" rel="stylesheet" type="text/css">

Vanilla JS
  • Vanilla JS / ES6: import '@servicensw/base';
  • Script tag: <script src="dist/base.js" type="text/javascript"></script>

A variety of functions are provided by base.js including:
  1. Required polyfills for all SNSW packages.
  2. Required Utils for all SNSW packages.
  3. SmoothScrolling functionality.
  4. Keyboard navigation functionality.

It is recommended to use base.js if you are using any of the JS packages. Errors or warnings will be thrown if missing functionality is detected.