Files
notifications-admin/app/templates/partials/templates/guidance-formatting.html
Chris Hill-Scott adf1493fb5 Add guidance about horizontal lines
We’ve supported this for a while but don’t tell anyone how to do it.

This commit also alters the spacing of things so the description groups
better with the example.
2018-06-28 16:06:04 +01:00

42 lines
858 B
HTML

<h2 class="heading-medium">Formatting</h2>
<p class="bottom-gutter-1-3">
To put a title in your template, use a hash:
</p>
<div class="panel panel-border-wide bottom-gutter">
<p>
# This is a title
</p>
</div>
<p class="bottom-gutter-1-3">
To make bullet points, use asterisks:
</p>
<div class="panel panel-border-wide bottom-gutter">
<p>
* point 1<br/>
* point 2<br/>
* point 3<br/>
</p>
</div>
<p class="bottom-gutter-1-3">
To add a callout, use a caret:
</p>
<div class="panel panel-border-wide bottom-gutter">
<p>
^ You must tell us if your circumstances change
</p>
</div>
<p class="bottom-gutter-1-3">
To add a horizontal line, use three dashes:
</p>
<div class="panel panel-border-wide">
<p>
First paragraph
</p>
<p style="letter-spacing: 1px;">
---
</p>
<p>
Second paragraph
</p>
</div>