@servicensw/base

2.15.1 • Public • Published

@servicensw/base

Base CSS for all of Service NSW.

Service NSW package documentation and examples
(Login credentials required)

Installation

npm install @servicensw/base --save-dev

How to use

CSS

  • 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

The recommended usage is of ES modules, to take advantage of code-splitting.

import Base from "@servicensw/base"

new Base({
  idAttributeSelectors:
    ":not(.notice) > h2:not(.accordion__title), h3:not(.accordion__title)",
  responsiveTableSelectors:
    ".table--responsive:not(.is-excluded), .page-section table:not(.is-excluded):not(.table--responsive)",
  videoTranscriptSelectors: ".transcript:not(.is-excluded)",
  makeGlobal: true,
})

The utilities can also be used independently;

import { Keyboard } from "@servicensw/base"

Legacy usage;

  • IIFE: <script src="dist/base.js" type="text/javascript"></script>
  • Common JS: const Base = require("@servicensw/base") (initialize yourself)

This package includes a variety of JS functionality. This functionality can be access by including dist/base.js via a script tag, or it can be imported using ES module syntax. See src/base.js for examples.

Change log

Readme

Keywords

none

Package Sidebar

Install

npm i @servicensw/base

Weekly Downloads

1,827

Version

2.15.1

License

MIT

Unpacked Size

69.9 kB

Total Files

41

Last publish

Collaborators

  • larowlan
  • rikki_iki
  • acbramley
  • erinsnsw
  • dojob65
  • ramya.shankaralingam
  • mariam.khoudier
  • christine.roque
  • previousnext-admin
  • mcaddz
  • jptaranto