From 0b279df47d82b806e3092711158a5a0ac6255749 Mon Sep 17 00:00:00 2001 From: Annevd <144004647+Annevd@users.noreply.github.com> Date: Thu, 16 Jan 2025 16:10:50 +0100 Subject: [PATCH] #301 added clamp to h2's Same clamp @Lmikkers and @rutgerkock used for the h2's of the slide cards for consistency --- src/lib/molecules/home-campus.svelte | 3 +-- src/lib/molecules/home-partners.svelte | 5 +---- src/lib/organisms/agenda.svelte | 6 +----- 3 files changed, 3 insertions(+), 11 deletions(-) diff --git a/src/lib/molecules/home-campus.svelte b/src/lib/molecules/home-campus.svelte index 7c7b6d2..0aa1d53 100644 --- a/src/lib/molecules/home-campus.svelte +++ b/src/lib/molecules/home-campus.svelte @@ -26,7 +26,7 @@ h2 { font-family: var(--sub-header-font); - font-size: 3.5em; + font-size: clamp(2em, 5vw, 8em); display: flex; flex-direction: column; flex-wrap: wrap; @@ -68,7 +68,6 @@ padding: 0 var(--section-padding-x) var(--section-padding-y); } h2 { - font-size: 4.5rem; padding-bottom: 0.7em; } p { diff --git a/src/lib/molecules/home-partners.svelte b/src/lib/molecules/home-partners.svelte index 9258cda..47ebcda 100644 --- a/src/lib/molecules/home-partners.svelte +++ b/src/lib/molecules/home-partners.svelte @@ -43,7 +43,7 @@ h2{ font-family: var(--sub-header-font); - font-size: 3.5em; + font-size: clamp(2em, 5vw, 8em); line-height: 1; padding-bottom: .7em; } @@ -67,9 +67,6 @@ section{ padding: var(--section-padding-y) var(--section-padding-x); } - h2{ - font-size: 4.5rem; - } } /* MEDIA QUERY TABLET = 1250px */ diff --git a/src/lib/organisms/agenda.svelte b/src/lib/organisms/agenda.svelte index 9bf268f..a86b229 100644 --- a/src/lib/organisms/agenda.svelte +++ b/src/lib/organisms/agenda.svelte @@ -29,7 +29,7 @@ } h2 { - font-size: 3.5rem; + font-size: clamp(2em, 5vw, 8em); padding-bottom: 0.7em; font-family: var(--sub-header-font); color: var(--main-color-brown); @@ -42,10 +42,6 @@ section { padding: var(--section-padding-y) 0 var(--section-padding-y) var(--section-padding-x); } - - h2 { - font-size: 4.5rem; - } img { display: block; }