From: Vladimír Vondruš <mosra@centrum.cz>
Date: Mon, 1 Jan 2018 17:03:57 +0000 (+0100)
Subject: css: merge styling of article cover image and landing page image.
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=15f7aa98796f0107ca853a0e2812a47fdb5f8510;p=blog.git

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

diff --git a/css/m-components.css b/css/m-components.css
index 40d847b8..1e387390 100644
--- 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 a8d4775c..f5294525 100644
--- 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 8ab86f00..942e0a16 100644
--- 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;