From 7b2db67e860b527968e0521cde0969202ddccc57 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= <mosra@centrum.cz>
Date: Mon, 1 Jan 2018 18:58:42 +0100
Subject: [PATCH] css: renamed .m-navbar-jumbo to .m-navbar-cover.

Breaking change: if you aren't using the Pelican theme, make sure to
change all occurences of m-navbar-jumbo to m-navbar-cover in your HTML
markup in order to retain the feature of semi-transparent navbar on
jumbo articles.
---
 css/m-components.css                               | 14 +++++++-------
 doc/css/page-layout.rst                            |  2 +-
 .../test/htmlsanity_typography/article-jumbo.html  |  2 +-
 pelican-plugins/m/test/metadata/article-jumbo.html |  2 +-
 pelican-theme/templates/base.html                  |  2 +-
 pelican-theme/test/blog/article-jumbo.html         |  2 +-
 .../test/blog_author_list/article-jumbo.html       |  2 +-
 .../article-jumbo.html                             |  2 +-
 .../article-jumbo.html                             |  2 +-
 .../article-jumbo.html                             |  2 +-
 .../article-jumbo.html                             |  2 +-
 .../test/blog_hide_summary_both/article-jumbo.html |  2 +-
 .../blog_hide_summary_global/article-jumbo.html    |  2 +-
 .../test/blog_html_escape/article-jumbo.html       |  2 +-
 .../test/blog_jumbo_inverted/article-jumbo.html    |  2 +-
 pelican-theme/test/blog_minimal/article-jumbo.html |  2 +-
 16 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/css/m-components.css b/css/m-components.css
index 71486ddb..c02226ef 100644
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -136,24 +136,24 @@ body > header > nav {
   min-height: 3rem;
 }
 body > header > nav.m-navbar-landing,
-body > header > nav.m-navbar-jumbo {
+body > header > nav.m-navbar-cover {
   background-color: transparent;
   position: relative;
 }
 body > header > nav.m-navbar-landing {
   opacity: 0.8;
 }
-body > header > nav.m-navbar-jumbo {
+body > header > nav.m-navbar-cover {
   background-color: var(--header-background-color-jumbo);
   opacity: 1;
 }
 body > header > nav.m-navbar-landing:hover,
-body > header > nav.m-navbar-jumbo:hover {
+body > header > nav.m-navbar-cover:hover {
   background-color: var(--header-background-color-landing);
   opacity: 1;
 }
 body> header > nav.m-navbar-landing:target,
-body> header > nav.m-navbar-jumbo:target {
+body> header > nav.m-navbar-cover:target {
   background-color: var(--header-background-color);
   opacity: 1;
 }
@@ -233,11 +233,11 @@ body > header > nav #m-navbar-collapse li a:active {
   background-color: var(--header-link-active-background-color);
 }
 body > header > nav.m-navbar-landing #m-navbar-collapse li a:hover,
-body > header > nav.m-navbar-jumbo #m-navbar-collapse li a:hover,
+body > header > nav.m-navbar-cover #m-navbar-collapse li a:hover,
 body > header > nav.m-navbar-landing #m-navbar-collapse li a:focus,
-body > header > nav.m-navbar-jumbo #m-navbar-collapse li a:focus,
+body > header > nav.m-navbar-cover #m-navbar-collapse li a:focus,
 body > header > nav.m-navbar-landing #m-navbar-collapse li a:active,
-body > header > nav.m-navbar-jumbo #m-navbar-collapse li a:active {
+body > header > nav.m-navbar-cover #m-navbar-collapse li a:active {
   background-color: var(--header-link-active-background-color-semi);
 }
 
diff --git a/doc/css/page-layout.rst b/doc/css/page-layout.rst
index f7490de1..3cb4b866 100644
--- a/doc/css/page-layout.rst
+++ b/doc/css/page-layout.rst
@@ -591,7 +591,7 @@ such as `image grid <{filename}/css/components.rst#image-grid>`_ possible.
 
 Similarly to `landing pages <#landing-pages>`_, the cover image of the jumbo
 article always spans the whole screen width and goes below the top navbar. If
-you want the navbar to be semi-transparent, put :css:`.m-navbar-jumbo` on the
+you want the navbar to be semi-transparent, put :css:`.m-navbar-cover` on the
 :html:`<nav>` element. Compared to `landing pages <#landing-pages>`_ the navbar
 retains semi-transparent background at all times.
 
diff --git a/pelican-plugins/m/test/htmlsanity_typography/article-jumbo.html b/pelican-plugins/m/test/htmlsanity_typography/article-jumbo.html
index 5a8f029b..921cbfe7 100644
--- a/pelican-plugins/m/test/htmlsanity_typography/article-jumbo.html
+++ b/pelican-plugins/m/test/htmlsanity_typography/article-jumbo.html
@@ -19,7 +19,7 @@
   <meta property="og:type" content="article" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
diff --git a/pelican-plugins/m/test/metadata/article-jumbo.html b/pelican-plugins/m/test/metadata/article-jumbo.html
index ddd1c1f4..55651d45 100644
--- a/pelican-plugins/m/test/metadata/article-jumbo.html
+++ b/pelican-plugins/m/test/metadata/article-jumbo.html
@@ -21,7 +21,7 @@
   <meta property="og:type" content="article" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
diff --git a/pelican-theme/templates/base.html b/pelican-theme/templates/base.html
index 513a41a7..aed2a29c 100644
--- a/pelican-theme/templates/base.html
+++ b/pelican-theme/templates/base.html
@@ -32,7 +32,7 @@
   {% endif %}
 </head>
 <body>
-<header><nav id="navigation"{% if page and page.landing and page.cover %} class="m-navbar-landing"{% endif %}{% if article and article.cover %} class="m-navbar-jumbo"{% endif %}>
+<header><nav id="navigation"{% if page and page.landing and page.cover %} class="m-navbar-landing"{% elif (page and page.cover) or (article and article.cover) %} class="m-navbar-cover"{% endif %}>
   <div class="m-container">
     <div class="m-row">
       <a href="{{ SITEURL }}/" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m{% if page and page.landing and page.cover and page.hide_navbar_brand == 'True' %} m-navbar-brand-hidden{% endif %}">
diff --git a/pelican-theme/test/blog/article-jumbo.html b/pelican-theme/test/blog/article-jumbo.html
index 9cf46ccc..b3a15b53 100644
--- a/pelican-theme/test/blog/article-jumbo.html
+++ b/pelican-theme/test/blog/article-jumbo.html
@@ -19,7 +19,7 @@
   <meta property="og:type" content="article" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
diff --git a/pelican-theme/test/blog_author_list/article-jumbo.html b/pelican-theme/test/blog_author_list/article-jumbo.html
index ab955df8..3c2baba9 100644
--- a/pelican-theme/test/blog_author_list/article-jumbo.html
+++ b/pelican-theme/test/blog_author_list/article-jumbo.html
@@ -9,7 +9,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
diff --git a/pelican-theme/test/blog_collapse_first_both_hide_summary_both/article-jumbo.html b/pelican-theme/test/blog_collapse_first_both_hide_summary_both/article-jumbo.html
index 14d1bf86..42c26adb 100644
--- a/pelican-theme/test/blog_collapse_first_both_hide_summary_both/article-jumbo.html
+++ b/pelican-theme/test/blog_collapse_first_both_hide_summary_both/article-jumbo.html
@@ -9,7 +9,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
diff --git a/pelican-theme/test/blog_collapse_first_both_hide_summary_global/article-jumbo.html b/pelican-theme/test/blog_collapse_first_both_hide_summary_global/article-jumbo.html
index 66303986..6e7fbaf4 100644
--- a/pelican-theme/test/blog_collapse_first_both_hide_summary_global/article-jumbo.html
+++ b/pelican-theme/test/blog_collapse_first_both_hide_summary_global/article-jumbo.html
@@ -9,7 +9,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
diff --git a/pelican-theme/test/blog_collapse_first_global_hide_summary_both/article-jumbo.html b/pelican-theme/test/blog_collapse_first_global_hide_summary_both/article-jumbo.html
index 18357765..bcd15ea5 100644
--- a/pelican-theme/test/blog_collapse_first_global_hide_summary_both/article-jumbo.html
+++ b/pelican-theme/test/blog_collapse_first_global_hide_summary_both/article-jumbo.html
@@ -9,7 +9,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
diff --git a/pelican-theme/test/blog_collapse_first_global_hide_summary_global/article-jumbo.html b/pelican-theme/test/blog_collapse_first_global_hide_summary_global/article-jumbo.html
index 66303986..6e7fbaf4 100644
--- a/pelican-theme/test/blog_collapse_first_global_hide_summary_global/article-jumbo.html
+++ b/pelican-theme/test/blog_collapse_first_global_hide_summary_global/article-jumbo.html
@@ -9,7 +9,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
diff --git a/pelican-theme/test/blog_hide_summary_both/article-jumbo.html b/pelican-theme/test/blog_hide_summary_both/article-jumbo.html
index d58eae0b..205b81df 100644
--- a/pelican-theme/test/blog_hide_summary_both/article-jumbo.html
+++ b/pelican-theme/test/blog_hide_summary_both/article-jumbo.html
@@ -9,7 +9,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
diff --git a/pelican-theme/test/blog_hide_summary_global/article-jumbo.html b/pelican-theme/test/blog_hide_summary_global/article-jumbo.html
index cab8efc3..60092c7c 100644
--- a/pelican-theme/test/blog_hide_summary_global/article-jumbo.html
+++ b/pelican-theme/test/blog_hide_summary_global/article-jumbo.html
@@ -9,7 +9,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
diff --git a/pelican-theme/test/blog_html_escape/article-jumbo.html b/pelican-theme/test/blog_html_escape/article-jumbo.html
index eae60fc6..c3878888 100644
--- a/pelican-theme/test/blog_html_escape/article-jumbo.html
+++ b/pelican-theme/test/blog_html_escape/article-jumbo.html
@@ -20,7 +20,7 @@
   <meta property="og:type" content="article" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">&lt;&amp;&gt; in site name</a>
diff --git a/pelican-theme/test/blog_jumbo_inverted/article-jumbo.html b/pelican-theme/test/blog_jumbo_inverted/article-jumbo.html
index da40587e..7c52de2b 100644
--- a/pelican-theme/test/blog_jumbo_inverted/article-jumbo.html
+++ b/pelican-theme/test/blog_jumbo_inverted/article-jumbo.html
@@ -9,7 +9,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
diff --git a/pelican-theme/test/blog_minimal/article-jumbo.html b/pelican-theme/test/blog_minimal/article-jumbo.html
index 1e648198..726dcbef 100644
--- a/pelican-theme/test/blog_minimal/article-jumbo.html
+++ b/pelican-theme/test/blog_minimal/article-jumbo.html
@@ -17,7 +17,7 @@
   <meta property="og:type" content="article" />
 </head>
 <body>
-<header><nav id="navigation" class="m-navbar-jumbo">
+<header><nav id="navigation" class="m-navbar-cover">
   <div class="m-container">
     <div class="m-row">
       <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
-- 
2.30.2