Merge pull request #818 from alphagov/add-missing-example-styles

Add missing govspeak example callout styles
alphagov · Aug 4, 2016 · 9ece073 · 9ece073
2 parents 29006fa + 2b3f587
commit 9ece073
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/app/assets/stylesheets/govuk-component/_govspeak.scss b/app/assets/stylesheets/govuk-component/_govspeak.scss
@@ -530,4 +530,14 @@
       margin-right: (($thumbnail-width * -1) - $gutter-half);
     }
   }
+
+  .example {
+    border-left: 10px solid $panel-colour;
+    padding-left: 1.5em;
+    margin: 2.5em 0;
+
+    strong {
+      display: block;
+    }
+  }
 }
diff --git a/app/views/govuk_component/docs/govspeak.yml b/app/views/govuk_component/docs/govspeak.yml
@@ -507,3 +507,11 @@ fixtures:
           </div>
         </div>
       </section>
+  example:
+    content: |
+      <div class="example">
+        <p>
+          This is an indented example block.<br/>
+          It may span multiple lines, <a href="#">contain links</a>.
+        </p>
+      </div>