From 9f2e859b161f13dff32062a19045831ee967b69e Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Wed, 21 Feb 2018 15:43:54 +0000
Subject: [PATCH] adding custom sized header for focus areas title to match
design
---
opentech/public/home/templates/home/home_page.html | 2 +-
opentech/static_src/src/sass/public/components/_heading.scss | 4 ++++
2 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/opentech/public/home/templates/home/home_page.html b/opentech/public/home/templates/home/home_page.html
index b1c8ed5d2..bb9be49f5 100644
--- a/opentech/public/home/templates/home/home_page.html
+++ b/opentech/public/home/templates/home/home_page.html
@@ -77,7 +77,7 @@
{% block content %}
<div class="wrapper wrapper--top-bottom-space">
- <h2 class="heading heading--center">{{ page.our_work_title }}</h2>
+ <h2 class="heading heading--center heading--focus-areas">{{ page.our_work_title }}</h2>
<div class="grid grid--focus-areas">
{% for block in page.our_work %}
{% include_block block %}
diff --git a/opentech/static_src/src/sass/public/components/_heading.scss b/opentech/static_src/src/sass/public/components/_heading.scss
index 36ec656e8..ca3df6619 100644
--- a/opentech/static_src/src/sass/public/components/_heading.scss
+++ b/opentech/static_src/src/sass/public/components/_heading.scss
@@ -46,4 +46,8 @@
&--contains-link {
display: inline-block;
}
+
+ &--focus-areas {
+ @include responsive-font-sizes(24px, 42px);
+ }
}
--
GitLab