Update design of documentation site

x-govuk · Dec 23, 2023 · bc1480c · bc1480c
1 parent b8a73cf
commit bc1480c
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/docs/_components/example/_example.scss b/docs/_components/example/_example.scss
@@ -28,4 +28,5 @@
   background: $govuk-body-background-colour;
   border-top: 1px solid $govuk-border-colour;
   padding: govuk-spacing(2);
+  max-width: initial !important;
 }
diff --git a/docs/assets/sass/settings.scss b/docs/assets/sass/settings.scss
diff --git a/docs/index.md b/docs/index.md
@@ -13,13 +13,13 @@ startButton:
 
 <div class="govuk-grid-row">
 {% for item in collections.homepage %}
-  <section class="govuk-grid-column-one-third-from-desktop govuk-!-margin-bottom-8">
+  <section class="govuk-grid-column-one-quarter-from-desktop govuk-!-margin-bottom-8">
     <h2 class="govuk-heading-m govuk-!-margin-bottom-2">
       <a class="govuk-link--no-visited-state" href="{{ item.url }}">{{ item.data.title | smart }}</a>
     </h2>
     <p class="govuk-body">{{ item.data.description | markdown("inline") }}</p>
   </section>
-{% if loop.index == 3 or loop.index == 6 %}
+{% if loop.index == 4 or loop.index == 8 %}
 </div>
 <div class="govuk-grid-row">
 {% endif %}

diff --git a/docs/sass/_settings.scss b/docs/sass/_settings.scss
@@ -0,0 +1,6 @@
+$govuk-font-family: system-ui, sans-serif;
+$govuk-brand-colour: #2288aa;
+$govuk-link-colour: #006688;
+$govuk-hover-colour: #004466;
+$govuk-visited-colour: #333366;
+$govuk-page-width: 1100px;