From: Vladimír Vondruš <mosra@centrum.cz>
Date: Sat, 18 Nov 2017 14:17:03 +0000 (+0100)
Subject: css: make it possible to add a thinner subtitle to navbar brand.
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=78cda9fb3f0c8a75d7d71badfe6db0bf7682569c;p=blog.git

css: make it possible to add a thinner subtitle to navbar brand.
---

diff --git a/css/m-components.css b/css/m-components.css
index 401b77d9..c59a6565 100644
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -174,6 +174,9 @@ body > header > nav a#m-navbar-brand, body > header > nav a#m-navbar-show, body
   font-size: 1.125rem;
   line-height: 3rem;
 }
+body > header > nav a#m-navbar-brand .m-thin {
+  font-weight: normal;
+}
 body > header > nav a#m-navbar-show:before, body > header > nav a#m-navbar-hide:before {
   content:'\2630';
 }
diff --git a/doc/css/page-layout.rst b/doc/css/page-layout.rst
index 2a62034a..2ff5af2f 100644
--- a/doc/css/page-layout.rst
+++ b/doc/css/page-layout.rst
@@ -142,6 +142,10 @@ show the :raw-html:`&#9776;` glyph aligned to the right instead of
 either ``#navigation`` or ``#`` to the page URL, which triggers the
 :css:`#m-navbar-collapse` element to be shown under as a list or hidden again.
 
+Similarly to `headings <{filename}/css/typography.rst#headings>`_ you can wrap
+a part of the :css:`#m-navbar-brand` element in a :css:`.m-thin` CSS class to
+add a thinner subtitle.
+
 .. note-info::
 
     You can change the :css:`#navigation` ID to a different name, if you want,