From 86d89fec918aab7dcede6aa56c6efff2d275ae86 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= Date: Sat, 18 Nov 2017 15:10:44 +0100 Subject: [PATCH] css: set the hamburger glyph in top navbar from CSS. Instead of hardcoding it from the markup. This way when the CSS is not present at all (broken site), the user is not present with confusing hamburgers on the top. Important: unless you are using the builtin Pelican theme, you need to update your markup to remove the hamburger glyph, otherwise you'll have two of them there. --- css/m-components.css | 3 +++ doc/css/page-layout.rst | 12 ++++++------ pelican-theme/templates/base.html | 4 ++-- 3 files changed, 11 insertions(+), 8 deletions(-) diff --git a/css/m-components.css b/css/m-components.css index 84425ce4..401b77d9 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-show:before, body > header > nav a#m-navbar-hide:before { + content:'\2630'; +} body > header > nav #m-navbar-collapse { padding-bottom: 1rem; } diff --git a/doc/css/page-layout.rst b/doc/css/page-layout.rst index 00da439a..2a62034a 100644 --- a/doc/css/page-layout.rst +++ b/doc/css/page-layout.rst @@ -119,8 +119,8 @@ items is shown below.
Your Brand - ☰ - ☰ + +