Merge pull request #223 from nhsuk/move-list-border-css

Move list-border css to the correct file

CHANGELOG.md

@@ -1,11 +1,12 @@
 # NHS.UK prototype kit Changelog
 
-## Unreleased 
+## 4.7.3 - 8 December 2021
 
 :wrench: **Fixes**
 
 - Install NHS.UK frontend v6.0.1
 - Update Health A-Z with new Nav A-Z
+- Add list-border css to `_list-border.scss`
 - Add support for Node 16.x
 
 Node 16.x recently became the long term supported version of Nodejs. The `gulp-sass` dependency had a peer dependency pinned to specific version `node-sass` that doesn't work on Node 16.x. Node 16.x support got added to `node-sass` in `6.0.0` and above

app/assets/sass/components/_list-border.scss

@@ -0,0 +1,8 @@
+// ==========================================================================
+// COMPONENTS / #LIST-BORDER
+// ==========================================================================
+
+.nhsuk-list--border li {
+  border-bottom: 1px solid $color_nhsuk-grey-4;
+  padding: 8px 0 16px;
+}

app/assets/sass/main.scss

@@ -2,14 +2,10 @@
 @import 'node_modules/nhsuk-frontend/packages/nhsuk';
 
 // Components that are not in the NHS.UK frontend library
+@import 'components/list-border';
 @import 'components/related-nav';
 
 ///////////////////////////////////////////
 // Add your custom CSS/Sass styles below...
 ///////////////////////////////////////////
-
-.nhsuk-list--border li {
-    border-bottom: 1px solid $color_nhsuk-grey-4;
-    padding: 8px 0 16px;
-  }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nhsuk-prototype-kit",
-  "version": "4.7.2",
+  "version": "4.7.3",
   "description": "Rapidly create HTML prototypes of NHS websites and services.",
   "main": "app.js",
   "scripts": {