From b7dde6190e26d5bd46f67420aea9577fda3c7734 Mon Sep 17 00:00:00 2001
From: Viviana Menzel <vivianamenzel@dr-menzel-it.de>
Date: Sun, 15 Nov 2020 12:39:01 +0100
Subject: [PATCH] Fluid font size for display classes

---
 templates/cassiopeia/scss/blocks/_global.scss | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/templates/cassiopeia/scss/blocks/_global.scss b/templates/cassiopeia/scss/blocks/_global.scss
index 1a758f2a69..52ec3837be 100644
--- a/templates/cassiopeia/scss/blocks/_global.scss
+++ b/templates/cassiopeia/scss/blocks/_global.scss
@@ -27,6 +27,26 @@ h6 {
   font-weight: var(--cassiopeia-font-weight-headings, $font-weight-bold);
 }
 
+.display-1 {
+  font-size: clamp(2.7rem, 8vw, 5.5rem);
+}
+
+.display-2 {
+  font-size: clamp(2.3rem, 7vw, 4.5rem);
+}
+
+.display-3 {
+  font-size: clamp(1.9rem, 6vw, 3.5rem);
+}
+
+.display-4 {
+  font-size: clamp(1.5rem, 5vw, 2.5rem);
+}
+
+.lead {
+  font-size: clamp(1.1rem, 3vw, 1.25rem);
+}
+
 a {
   color: var(--cassiopeia-color-link);