From 58c7eecef4c7a1e26c31cf8c0dd6220ff5848f4c Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Tue, 9 Jan 2018 12:10:27 +0000
Subject: [PATCH] styling the standard page introduction text
---
.../templates/standardpages/information_page.html | 7 +++----
opentech/static_src/src/sass/components/_heading.scss | 8 ++++++++
opentech/static_src/src/sass/main.scss | 1 +
3 files changed, 12 insertions(+), 4 deletions(-)
create mode 100644 opentech/static_src/src/sass/components/_heading.scss
diff --git a/opentech/public/standardpages/templates/standardpages/information_page.html b/opentech/public/standardpages/templates/standardpages/information_page.html
index 878ae55ec..3b6a7fe90 100644
--- a/opentech/public/standardpages/templates/standardpages/information_page.html
+++ b/opentech/public/standardpages/templates/standardpages/information_page.html
@@ -9,16 +9,15 @@
{% include "navigation/breadcrumbs.html" %}
{% endblock %}
- <h1>{{ page.title }}</h1>
- <h5>{{ page.introduction }}</h5>
+ {% if page.introduction %}
+ <h4 class="heading heading--introduction">{{ page.introduction }}</h4>
+ {% endif %}
{% include_block page.body %}
{% include "includes/share.html" %}
</section>
-
{% sidebar %}
-
</div>
{% include "includes/relatedcontent.html" with related_pages=page.related_pages.all %}
diff --git a/opentech/static_src/src/sass/components/_heading.scss b/opentech/static_src/src/sass/components/_heading.scss
new file mode 100644
index 000000000..7c3fa5fc4
--- /dev/null
+++ b/opentech/static_src/src/sass/components/_heading.scss
@@ -0,0 +1,8 @@
+.heading {
+ &--introduction {
+ padding: 0 0 2rem;
+ margin: 2rem 0;
+ font-weight: $weight--light;
+ border-bottom: 1px solid $color--mid-grey;
+ }
+}
diff --git a/opentech/static_src/src/sass/main.scss b/opentech/static_src/src/sass/main.scss
index ad5b05fa1..2562ffb8f 100755
--- a/opentech/static_src/src/sass/main.scss
+++ b/opentech/static_src/src/sass/main.scss
@@ -16,6 +16,7 @@
@import 'components/card';
@import 'components/call-to-action';
@import 'components/form';
+@import 'components/heading';
@import 'components/grid';
@import 'components/icon';
@import 'components/input';
--
GitLab