[config] Add example text

prepros.config

@@ -516,7 +516,7 @@
           },
           {
             "task": "minify-css",
-            "enable": true
+            "enable": false
           }
         ],
         "output": {

public/index.html

@@ -19,7 +19,7 @@
     <div class="container">
       <header>
         <!-- The headline banner area -->
-        <svg style="height: 5.5rem; width: 100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+        <svg height="5.5rem" width="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
           <text>DS2 core</text>
         </svg>
         <div>

src/pg/_config.pug

@@ -1,7 +1,7 @@
 - var site = "DS2 core"
 - var lang = "en-uk"
 - var colorpfx =  "colour"
-- var headings = ["What is it", "When to use it", "How to use it"]
+- var headings = ["What is it", "When to use it", "How to use it", "Example"]
 - var downloadExtensions = ["js", "pug", "scss"]
 - var generateColourToken = ["colours"]
 

src/scss/_core.scss

@@ -116,7 +116,7 @@
 				display: grid; 
 				gap: .5rem;
 				grid-template-columns: repeat(3, 1fr);
-				grid-template-rows: 2.5rem repeat(2, max-content);
+				grid-template-rows: repeat(3, max-content);
 				.result {
 					align-items: center;
 					border-radius: .5rem;