Merge pull request #383 from DEFRA/update-theme-v0.0.22

Update theme v0.0.22 and fix vulnerabilities

Author: alexluckett

docs/assets/css/docusaurus.css docs/assets/css/docusaurus.scssdocs/assets/css/docusaurus.css renamed to docs/assets/css/docusaurus.scss

@@ -8,6 +8,7 @@
   border-bottom: 1px solid #8eb8dc;
 }
 
+// stylelint-disable-next-line selector-not-notation
 .app-prose-scope .app-section--features p:not(.app-no-prose *) {
   margin-bottom: 0;
 }
@@ -22,23 +23,32 @@
   }
 }
 
+// Override prose-scope h2 size to govuk-heading-l for homepage sections.
+@import "govuk-frontend/dist/govuk/base";
+
+.govuk-template .app-prose-scope .app-section h2 {
+  @include govuk-font($size: 36, $weight: bold);
+  @include govuk-responsive-margin(6, "bottom");
+}
 
 .govuk-template--rebranded .govuk-header__link--homepage:not(:focus),
 .govuk-template--rebranded .govuk-header,
 .govuk-template--rebranded .govuk-service-navigation.govuk-service-navigation--inverse,
 .govuk-template--rebranded .app-masthead {
+  // stylelint-disable-next-line declaration-no-important
   background-color: #008531 !important;
 }
 
 .govuk-template--rebranded .app-homepage .govuk-service-navigation--inverse .govuk-width-container {
-  border-color: #66B683 !important;
+  // stylelint-disable-next-line declaration-no-important
+  border-color: #66b683 !important;
 }
 
 .govuk-template__body.app-homepage .govuk-template__body-inner {
   background-color: #f4f8fb;
 }
 
-.govuk-template__body.app-homepage #main-content {
+.govuk-template__body.app-homepage main {
   background-color: #ffffff;
 }
 
@@ -48,7 +58,7 @@
   }
 
   .govuk-template--rebranded .app-masthead .govuk-grid-column-one-third-from-desktop {
-    background-image: url('../../../static/assets/images/form-input-screenshot.png');
+    background-image: url("../../../static/assets/images/form-input-screenshot.png");
     background-repeat: no-repeat;
     background-position: center bottom;
     background-size: 220px;

docusaurus.config.cjs

@@ -41,7 +41,7 @@ const config = {
       return {
         name: 'custom-css',
         getClientModules() {
-          return [require.resolve('./docs/assets/css/docusaurus.css')]
+          return [require.resolve('./docs/assets/css/docusaurus.scss')]
         }
       }
     },