Updates from GDS

.stylelintrc.yml

@@ -0,0 +1,161 @@
+---
+extends: stylelint-config-gds/scss
+plugins:
+  - stylelint-order
+rules:
+  # govuk-frontend has a specific ordering pattern that should be applied to
+  # rules
+  #
+  # https://github.com/hudochenkov/stylelint-order/blob/master/rules/properties-order/README.md
+  order/properties-order:
+    - content
+    - quotes
+    # Box-sizing - Allow here until global is decided
+    - box-sizing
+
+    - display
+    - visibility
+
+    - position
+    - z-index
+    - top
+    - right
+    - bottom
+    - left
+
+    - width
+    - min-width
+    - max-width
+    - height
+    - min-height
+    - max-height
+
+    - margin
+    - margin-top
+    - margin-right
+    - margin-bottom
+    - margin-left
+
+    - padding
+    - padding-top
+    - padding-right
+    - padding-bottom
+    - padding-left
+
+    - float
+    - clear
+
+    - overflow
+    - overflow-x
+    - overflow-y
+
+    - clip
+    - clip-path
+    - zoom
+    - resize
+
+    - columns
+
+    - table-layout
+    - empty-cells
+    - caption-side
+    - border-spacing
+    - border-collapse
+
+    - list-style
+    - list-style-position
+    - list-style-type
+    - list-style-image
+
+    - transform
+    - transition
+    - animation
+
+    - border
+    - border-top
+    - border-right
+    - border-bottom
+    - border-left
+
+    - border-width
+    - border-top-width
+    - border-right-width
+    - border-bottom-width
+    - border-left-width
+
+    - border-style
+    - border-top-style
+    - border-right-style
+    - border-bottom-style
+    - border-left-style
+
+    - border-radius
+    - border-top-left-radius
+    - border-top-right-radius
+    - border-bottom-left-radius
+    - border-bottom-right-radius
+
+    - border-color
+    - border-top-color
+    - border-right-color
+    - border-bottom-color
+    - border-left-color
+
+    - outline
+    - outline-color
+    - outline-offset
+    - outline-style
+    - outline-width
+
+    - opacity
+    # Color has been moved to ensure it appears before background
+    - color
+    - background
+    - background-color
+    - background-image
+    - background-repeat
+    - background-position
+    - background-size
+    - box-shadow
+    - fill
+
+    - font
+    - font-family
+    - font-size
+    - font-style
+    - font-variant
+    - font-weight
+
+    - font-emphasize
+
+    - letter-spacing
+    - line-height
+    - list-style
+    - word-spacing
+
+    - text-align
+    - text-align-last
+    - text-decoration
+    - text-indent
+    - text-justify
+    - text-overflow
+    - text-overflow-ellipsis
+    - text-overflow-mode
+    - text-rendering
+    - text-outline
+    - text-shadow
+    - text-transform
+    - text-wrap
+    - word-wrap
+    - word-break
+
+    - text-emphasis
+
+    - vertical-align
+    - white-space
+    - word-spacing
+    - hyphens
+
+    - src
+    - cursor
+    - -webkit-appearance

README.md

@@ -45,14 +45,14 @@ npm run build
 
 ## Run the Sass linter
 
-We are using the tool [sass-lint][sass-lint] to lint the Sass files in
+We are using the tool [stylelint][stylelint] to lint the Sass files in
 `source/stylesheets`. You can run the linter from command line by running:
 
 ```
 npm run lint
 ```
 
-[sass-lint]: https://github.com/sasstools/sass-lint
+[stylelint]: https://github.com/stylelint/stylelint
 
 ## GOV.UK Frontend packages
 

lib/metalsmith-lunr-index/index.test.js

@@ -4,7 +4,7 @@ const metalsmith = require('metalsmith')
 const lunr = require('lunr')
 const plugin = require('./index.js')
 const extractPageHeadings = require('../extract-page-headings/index.js')
-const inplace = require('metalsmith-in-place')
+const inplace = require('@metalsmith/in-place')
 
 describe('metalsmith-lunr-index plugin', () => {
   let searchIndex

lib/metalsmith.js

@@ -6,14 +6,14 @@ const brokenLinkChecker = require('metalsmith-broken-link-checker')
 const titleChecker = require('./metalsmith-title-checker.js')
 const env = require('metalsmith-env') // environment vars plugin
 const hashAssets = require('metalsmith-fingerprint-ignore') // add hash to specified files and ignores files that match a pattern
-const inplace = require('metalsmith-in-place') // render templating syntax in your source files
-const layouts = require('metalsmith-layouts') // apply layouts to source files
+const inplace = require('@metalsmith/in-place') // render templating syntax in your source files
+const layouts = require('@metalsmith/layouts') // apply layouts to source files
 const tagcleaner = require('metalsmith-tagcleaner') // Use tag cleaner to remove <p> tags around images
-const permalinks = require('metalsmith-permalinks') // apply a permalink pattern to files
+const permalinks = require('@metalsmith/permalinks') // apply a permalink pattern to files
 const canonical = require('metalsmith-canonical') // add a canonical url property to pages
 
 const sass = require('@metalsmith/sass') // convert Sass files to CSS using Dart Sass
-const postcss = require('metalsmith-postcss')
+const postcss = require('@metalsmith/postcss')
 
 const rollup = require('metalsmith-rollup') // used to build GOV.UK Frontend JavaScript
 const resolve = require('rollup-plugin-node-resolve') // rollup plugin to resolve node_modules