fix: make header and footer size depend on the visual height

identinet · Jun 21, 2024 · b3ecd5a · b3ecd5a
1 parent ae87ec3
commit b3ecd5a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/SLIDES.md b/SLIDES.md
@@ -18,7 +18,7 @@ fontawesomeFree: false
 # Show progress bar
 progress: true
 # Show controls
-controls: true
+controls: false
 # Center presentation
 center: true
 # Create separate pages for fragments

diff --git a/identinet.css b/identinet.css
@@ -378,7 +378,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
 #slide-header,
 #slide-footer {
   z-index: 9;
-  height: 6rem;
+  height: 8vh;
   position: absolute;
   width: 100%;
   width: 100vw;
@@ -411,7 +411,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
   display: flex;
   color: #424242;
   font-family: "Space Grotesk", sans-serif;
-  font-size: 50%;
+  font-size: 2.5vh;
 }
 
 #slide-footer #slide-footer-1 {

diff --git a/source/identinet.scss b/source/identinet.scss
@@ -143,7 +143,7 @@ $heading4Size: 1em;
 #slide-header,
 #slide-footer {
   z-index: 9;
-  height: 6rem;
+  height: 8vh;
   position: absolute;
   width: 100%;
   width: 100vw;
@@ -229,7 +229,8 @@ $heading4Size: 1em;
   color: $grey80;
   font-family: $headingFont;
   // font-size: var(--r-heading2-size);
-  font-size: 50%;
+  // font-size: 50%;
+  font-size: 2.5vh;
 }
 
 #slide-footer #slide-footer-1 {