css: merge styling of article cover image and landing page image.

diff --git a/css/m-components.css b/css/m-components.css
index 40d847b8434f116bffb1134bf3a12591ba1b1bfd..1e38739045224c0f898f341ca2ff518e1fa330e3 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -437,13 +437,15 @@ article section > h4 a, article section > h5 a, article section > h6 a {
 }
 
 /* Landing page, jumbo article */
-#m-landing-image {
+#m-landing-image, article#m-jumbo > header #m-jumbo-image {
   background-size: cover;
-  background-color: var(--article-jumbo-cover-background-color);
+  background-color: var(--cover-image-background-color);
   background-position: center center;
   background-repeat: no-repeat;
   margin-top: -4rem;
   padding-top: 5rem;
+}
+#m-landing-image {
   color: #ffffff;
 }
 #m-landing-cover {
@@ -454,15 +456,9 @@ article#m-jumbo {
   margin-top: -1rem;
 }
 article#m-jumbo > header #m-jumbo-image {
-  background-size: cover;
-  background-color: var(--article-jumbo-cover-background-color);
-  background-position: center center;
-  background-repeat: no-repeat;
   font-size: 2.5vh;
   height: 60vh;
-  margin-top: -4rem;
   margin-bottom: 1rem;
-  padding-top: 5rem;
 }
 article#m-jumbo > header #m-jumbo-cover, #m-landing-cover {
   background: linear-gradient(transparent 0%, transparent 50%, var(--background-color) 100%);

diff --git a/css/m-dark.css b/css/m-dark.css
index a8d4775c7ae38b5a13233be8bb9b59c851a0c536..f52945254ec49b96913106989acdd5f8da0c5942 100644 (file)
--- a/css/m-dark.css
+++ b/css/m-dark.css
@@ -78,12 +78,14 @@
   --footer-link-color: #ffffff;
   --footer-link-active-color: #a5c9ea;
 
+  /* Cover image */
+  --cover-image-background-color: #222222;
+
   /* Article */
   --article-header-color: #f0f0f0;
   --article-footer-color: #c5c5c5;
   --article-heading-color: #a5c9ea;
   --article-heading-active-color: #dcdcdc;
-  --article-jumbo-cover-background-color: #222222;
 
   /* Right navigation panel */
   --navpanel-link-color: #ffffff;

diff --git a/css/m-light.css b/css/m-light.css
index 8ab86f00bb7a823a2f6a0424f32ca4af9bcdf76d..942e0a16bb18e25ef407bb9f517985bd71095a43 100644 (file)
--- a/css/m-light.css
+++ b/css/m-light.css
@@ -78,12 +78,14 @@
   --footer-link-color: #191919;
   --footer-link-active-color: #494949;
 
+  /* Cover image */
+  --cover-image-background-color: #666666;
+
   /* Article */
   --article-header-color: #7a7a7a;
   --article-footer-color: #969696;
   --article-heading-color: #cb4b16;
   --article-heading-active-color: #802f0e;
-  --article-jumbo-cover-background-color: #666666;
 
   /* Right navigation panel */
   --navpanel-link-color: #292929;