mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-07 09:38:25 -04:00
Add letter component
Similar to the components we have for previewing email and text messages. Style stolen from PDF thumbnail at https://www.gov.uk/government/publications/honey-bees
This commit is contained in:
6
app/assets/stylesheets/components/letter.scss
Normal file
6
app/assets/stylesheets/components/letter.scss
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
.letter {
|
||||||
|
font-family: Helvetica, Arial, sans-serif;
|
||||||
|
box-shadow: 0 2px 2px rgba($text-colour, 0.4);
|
||||||
|
outline: 5px solid rgba($text-colour, 0.1);
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
7
app/templates/components/letter.html
Normal file
7
app/templates/components/letter.html
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
{% macro letter(
|
||||||
|
body
|
||||||
|
) %}
|
||||||
|
<div class="letter">
|
||||||
|
{{ body }}
|
||||||
|
</div>
|
||||||
|
{% endmacro %}
|
||||||
Reference in New Issue
Block a user