From 78cda9fb3f0c8a75d7d71badfe6db0bf7682569c Mon Sep 17 00:00:00 2001 From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= Date: Sat, 18 Nov 2017 15:17:03 +0100 Subject: [PATCH] css: make it possible to add a thinner subtitle to navbar brand. --- css/m-components.css | 3 +++ doc/css/page-layout.rst | 4 ++++ 2 files changed, 7 insertions(+) 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:`☰` 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, -- 2.30.2