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 401b77d9984dc3473efc3d2acd2918f92a24cd82..c59a6565324f8ad1e114c476467f63d927a77a5e 100644 (file)
--- 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 2a62034a816307d198de83e0d7a6b1ab101e3df3..2ff5af2fe83ce24332fd0f908bce0cb38f38df70 100644 (file)
--- a/doc/css/page-layout.rst
+++ b/doc/css/page-layout.rst
@@ -142,6 +142,10 @@ show the :raw-html:`☰` 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,