css: improved styling for landing page title.

It's a bit bigger now, with some more padding around and a possibility
to control its casing.

diff --git a/css/m-components.css b/css/m-components.css
index dc9f7aff0130f5f1f4204090fd7cbef9da8ec0b5..287c45064e16cf34100afc864d8c9c63c09a42e2 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -453,6 +453,13 @@ article section > h4 a, article section > h5 a, article section > h6 a {
   height: 30rem;
   margin-bottom: -26rem;
 }
+#m-landing-cover h1 {
+  font-size: 2.8rem;
+  margin-top: -0.5rem;
+  padding-left: var(--paragraph-indent);
+  padding-bottom: 1rem;
+  text-transform: var(--landing-header-case);
+}
 #m-landing-cover {
   padding-bottom: 10rem;
   margin-bottom: -6rem;

diff --git a/css/m-dark.css b/css/m-dark.css
index fa8f89583d9acb1140ac3fe3190285867a972c8b..d82b2a17d6c162d317b4c04d90235c9e3be1ad9b 100644 (file)
--- a/css/m-dark.css
+++ b/css/m-dark.css
@@ -41,6 +41,7 @@
   --nav-menu-case: none;
   --nav-heading-case: uppercase;
   --nav-categories-case: lowercase;
+  --landing-header-case: lowercase;
   --heading-font-weight: bold;
 
   /* Shapes */

diff --git a/css/m-light.css b/css/m-light.css
index 22cf5e3d0e7edb0986997ed223dd0b7322e16d0a..4fca3ed1ef8886bd1d997a44137b93afe5a94c13 100644 (file)
--- a/css/m-light.css
+++ b/css/m-light.css
@@ -41,6 +41,7 @@
   --nav-menu-case: lowercase;
   --nav-heading-case: uppercase;
   --nav-categories-case: lowercase;
+  --landing-header-case: lowercase;
   --heading-font-weight: normal;
 
   /* Shapes */