diff --git a/config.json b/config.json index 717bebe7..bbf19cc1 100644 --- a/config.json +++ b/config.json @@ -119,7 +119,8 @@ "about": "docs/content/about/*.hbs", "develop": "docs/content/develop/*.hbs", "design": "docs/content/design/*.hbs", - "methods": "docs/content/methods/*.hbs" + "methods": "docs/content/methods/*.hbs", + "utilities": "docs/content/utilities/*.hbs" } }, "inplace": { diff --git a/gulpfile.js b/gulpfile.js index e7ca8e39..0a62a8e5 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -204,6 +204,11 @@ function metalsmithBuild(callback) { refer: false, sortBy: 'order', }, + utilities: { + pattern: config.metalSmith.collection.contentnav.utilities, + refer: false, + sortBy: 'order', + }, methods: { pattern: config.metalSmith.collection.contentnav.methods, refer: false, diff --git a/src/core/_all.scss b/src/core/_all.scss index d78fd121..4460ca43 100644 --- a/src/core/_all.scss +++ b/src/core/_all.scss @@ -2,5 +2,4 @@ @import 'iconography/icon'; @import 'layout/layout'; @import 'section/section'; -@import 'spacing/spacing'; @import 'typography/typography'; diff --git a/src/core/colour/index.hbs b/src/core/colour/index.hbs index 144aebf7..7382bb35 100644 --- a/src/core/colour/index.hbs +++ b/src/core/colour/index.hbs @@ -35,7 +35,7 @@ meta-index: true

You don't need to use hex colours in code

Use either CSS variables (below) or, if you're creating a one-off layout, you can use our helper classes for dark, light, and supplementary colours.

-

By using CSS variables, any branding or theming changes will automatically reflect in your product. See CSS variables below, or see the Utility classes docs.

+

By using CSS variables, any branding or theming changes will automatically reflect in your product. See CSS variables below, or see the Utility classes docs.

diff --git a/src/core/graphic-elements/index.hbs b/src/core/graphic-elements/index.hbs index 0c70ef38..825d313b 100644 --- a/src/core/graphic-elements/index.hbs +++ b/src/core/graphic-elements/index.hbs @@ -153,7 +153,7 @@ meta-index: true Minimum padding from text: 16px

-

View Helper classes

+

View Helper classes

diff --git a/src/core/pictograms/index.hbs b/src/core/pictograms/index.hbs index 40b9b04b..d6104faf 100644 --- a/src/core/pictograms/index.hbs +++ b/src/core/pictograms/index.hbs @@ -30,11 +30,10 @@ meta-index: true

Usage

Used pictograms to visually support and highlight content, making it quickly identifiable on the page.

- +

Use SVG utility classes

-

Usability classes are available for developers to apply brand colours to SVGs. Use them so that SVGs can be used across pages using different colour schemes. See Utility classes for names.

+

Usability classes are available for developers to apply brand colours to SVGs. Use them so that SVGs can be used across pages using different colour schemes. See Utility classes for names.

Styling

@@ -94,15 +93,14 @@ meta-index: true -
-
-

Pictogram Brand Styling

-

For full pictograms creation guidance, visit your relevant brand classification guidelines at the NSW Government Visual identity system.

-
-
+
+
+

Pictogram Brand Styling

+

For full pictograms creation guidance, visit your relevant brand classification guidelines at the NSW Government Visual identity system.

+
+
-