From f6d9363f92c5a6ff8eb4f20f7a6a7e19b3e61bd7 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= Date: Thu, 25 Jan 2018 19:03:44 +0100 Subject: [PATCH] css: clean up and remove redundant stuff from header styling. By accident the spacing between items was 1.75rem, now it's 2rem. Maybe too much (but perfectly okay for submenus and the mobile layout), might change later. --- css/m-components.css | 17 +++++++++-------- css/m-dark+doxygen.compiled.css | 17 +++++++++-------- css/m-dark.compiled.css | 17 +++++++++-------- css/m-light+doxygen.compiled.css | 17 +++++++++-------- css/m-light.compiled.css | 17 +++++++++-------- 5 files changed, 45 insertions(+), 40 deletions(-) diff --git a/css/m-components.css b/css/m-components.css index 8d6b18f9..928e159b 100644 --- a/css/m-components.css +++ b/css/m-components.css @@ -171,16 +171,17 @@ body > header > nav { body > header > nav a { text-decoration: var(--link-decoration-nav); text-transform: var(--nav-menu-case); - line-height: 1.5rem; display: inline-block; vertical-align: middle; + line-height: 2.75rem; color: var(--header-link-color); } body > header > nav a#m-navbar-brand, body > header > nav a#m-navbar-show, body > header > nav a#m-navbar-hide { text-transform: var(--nav-brand-case); font-weight: var(--heading-font-weight); font-size: 1.125rem; - line-height: 3rem; + padding-left: 1rem; + padding-right: 1rem; } body > header > nav a#m-navbar-brand .m-thin { font-weight: normal; @@ -200,6 +201,7 @@ body > header > nav #m-navbar-collapse li { body > header > nav #m-navbar-collapse li a { border-style: solid; border-color: transparent; + line-height: 1.5rem; margin-left: -0.25rem; padding-left: 0.75rem; border-width: 0 0 0 0.25rem; @@ -261,8 +263,10 @@ body > header > nav:target #m-navbar-hide { body > header > nav:target #m-navbar-show, body > header > nav:target #m-navbar-hide { display: none; } - body > header > nav a { - line-height: 3rem; + body > header > nav #m-navbar-collapse li a { + line-height: 2.75rem; + } + body > header > nav a, body > header > nav #m-navbar-collapse li a { margin-left: 0; padding-left: 1rem; padding-right: 1rem; @@ -280,16 +284,13 @@ body > header > nav:target #m-navbar-hide { border-left-width: 0; } body > header > nav #m-navbar-collapse ol ol li a { - margin-left: 0; padding-left: 0.75rem; } body > header > nav #m-navbar-collapse > .m-row > ol > li { margin-left: 0; border-left-width: 0; } - body > header > nav a#m-navbar-brand, body > header > nav #m-navbar-collapse > .m-row > ol > li > a { - line-height: 2.75rem; - margin-left: 0; + body > header > nav #m-navbar-collapse > .m-row > ol > li > a { border-width: var(--header-border-width); } body > header > nav #m-navbar-collapse ol { diff --git a/css/m-dark+doxygen.compiled.css b/css/m-dark+doxygen.compiled.css index 6cd94cd2..82c1a4f6 100644 --- a/css/m-dark+doxygen.compiled.css +++ b/css/m-dark+doxygen.compiled.css @@ -528,16 +528,17 @@ body > header > nav { body > header > nav a { text-decoration: none; text-transform: none; - line-height: 1.5rem; display: inline-block; vertical-align: middle; + line-height: 2.75rem; color: #ffffff; } body > header > nav a#m-navbar-brand, body > header > nav a#m-navbar-show, body > header > nav a#m-navbar-hide { text-transform: uppercase; font-weight: bold; font-size: 1.125rem; - line-height: 3rem; + padding-left: 1rem; + padding-right: 1rem; } body > header > nav a#m-navbar-brand .m-thin { font-weight: normal; @@ -557,6 +558,7 @@ body > header > nav #m-navbar-collapse li { body > header > nav #m-navbar-collapse li a { border-style: solid; border-color: transparent; + line-height: 1.5rem; margin-left: -0.25rem; padding-left: 0.75rem; border-width: 0 0 0 0.25rem; @@ -614,8 +616,10 @@ body > header > nav:target #m-navbar-hide { body > header > nav:target #m-navbar-show, body > header > nav:target #m-navbar-hide { display: none; } - body > header > nav a { - line-height: 3rem; + body > header > nav #m-navbar-collapse li a { + line-height: 2.75rem; + } + body > header > nav a, body > header > nav #m-navbar-collapse li a { margin-left: 0; padding-left: 1rem; padding-right: 1rem; @@ -633,16 +637,13 @@ body > header > nav:target #m-navbar-hide { border-left-width: 0; } body > header > nav #m-navbar-collapse ol ol li a { - margin-left: 0; padding-left: 0.75rem; } body > header > nav #m-navbar-collapse > .m-row > ol > li { margin-left: 0; border-left-width: 0; } - body > header > nav a#m-navbar-brand, body > header > nav #m-navbar-collapse > .m-row > ol > li > a { - line-height: 2.75rem; - margin-left: 0; + body > header > nav #m-navbar-collapse > .m-row > ol > li > a { border-width: 0 0 0.25rem 0; } body > header > nav #m-navbar-collapse ol { diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css index ea406f57..8dd12f7e 100644 --- a/css/m-dark.compiled.css +++ b/css/m-dark.compiled.css @@ -528,16 +528,17 @@ body > header > nav { body > header > nav a { text-decoration: none; text-transform: none; - line-height: 1.5rem; display: inline-block; vertical-align: middle; + line-height: 2.75rem; color: #ffffff; } body > header > nav a#m-navbar-brand, body > header > nav a#m-navbar-show, body > header > nav a#m-navbar-hide { text-transform: uppercase; font-weight: bold; font-size: 1.125rem; - line-height: 3rem; + padding-left: 1rem; + padding-right: 1rem; } body > header > nav a#m-navbar-brand .m-thin { font-weight: normal; @@ -557,6 +558,7 @@ body > header > nav #m-navbar-collapse li { body > header > nav #m-navbar-collapse li a { border-style: solid; border-color: transparent; + line-height: 1.5rem; margin-left: -0.25rem; padding-left: 0.75rem; border-width: 0 0 0 0.25rem; @@ -614,8 +616,10 @@ body > header > nav:target #m-navbar-hide { body > header > nav:target #m-navbar-show, body > header > nav:target #m-navbar-hide { display: none; } - body > header > nav a { - line-height: 3rem; + body > header > nav #m-navbar-collapse li a { + line-height: 2.75rem; + } + body > header > nav a, body > header > nav #m-navbar-collapse li a { margin-left: 0; padding-left: 1rem; padding-right: 1rem; @@ -633,16 +637,13 @@ body > header > nav:target #m-navbar-hide { border-left-width: 0; } body > header > nav #m-navbar-collapse ol ol li a { - margin-left: 0; padding-left: 0.75rem; } body > header > nav #m-navbar-collapse > .m-row > ol > li { margin-left: 0; border-left-width: 0; } - body > header > nav a#m-navbar-brand, body > header > nav #m-navbar-collapse > .m-row > ol > li > a { - line-height: 2.75rem; - margin-left: 0; + body > header > nav #m-navbar-collapse > .m-row > ol > li > a { border-width: 0 0 0.25rem 0; } body > header > nav #m-navbar-collapse ol { diff --git a/css/m-light+doxygen.compiled.css b/css/m-light+doxygen.compiled.css index 79361220..91174f5d 100644 --- a/css/m-light+doxygen.compiled.css +++ b/css/m-light+doxygen.compiled.css @@ -528,16 +528,17 @@ body > header > nav { body > header > nav a { text-decoration: none; text-transform: lowercase; - line-height: 1.5rem; display: inline-block; vertical-align: middle; + line-height: 2.75rem; color: #000000; } body > header > nav a#m-navbar-brand, body > header > nav a#m-navbar-show, body > header > nav a#m-navbar-hide { text-transform: lowercase; font-weight: normal; font-size: 1.125rem; - line-height: 3rem; + padding-left: 1rem; + padding-right: 1rem; } body > header > nav a#m-navbar-brand .m-thin { font-weight: normal; @@ -557,6 +558,7 @@ body > header > nav #m-navbar-collapse li { body > header > nav #m-navbar-collapse li a { border-style: solid; border-color: transparent; + line-height: 1.5rem; margin-left: -0.25rem; padding-left: 0.75rem; border-width: 0 0 0 0.25rem; @@ -614,8 +616,10 @@ body > header > nav:target #m-navbar-hide { body > header > nav:target #m-navbar-show, body > header > nav:target #m-navbar-hide { display: none; } - body > header > nav a { - line-height: 3rem; + body > header > nav #m-navbar-collapse li a { + line-height: 2.75rem; + } + body > header > nav a, body > header > nav #m-navbar-collapse li a { margin-left: 0; padding-left: 1rem; padding-right: 1rem; @@ -633,16 +637,13 @@ body > header > nav:target #m-navbar-hide { border-left-width: 0; } body > header > nav #m-navbar-collapse ol ol li a { - margin-left: 0; padding-left: 0.75rem; } body > header > nav #m-navbar-collapse > .m-row > ol > li { margin-left: 0; border-left-width: 0; } - body > header > nav a#m-navbar-brand, body > header > nav #m-navbar-collapse > .m-row > ol > li > a { - line-height: 2.75rem; - margin-left: 0; + body > header > nav #m-navbar-collapse > .m-row > ol > li > a { border-width: 0.25rem 0 0 0; } body > header > nav #m-navbar-collapse ol { diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css index 84b759a2..5c576956 100644 --- a/css/m-light.compiled.css +++ b/css/m-light.compiled.css @@ -528,16 +528,17 @@ body > header > nav { body > header > nav a { text-decoration: none; text-transform: lowercase; - line-height: 1.5rem; display: inline-block; vertical-align: middle; + line-height: 2.75rem; color: #000000; } body > header > nav a#m-navbar-brand, body > header > nav a#m-navbar-show, body > header > nav a#m-navbar-hide { text-transform: lowercase; font-weight: normal; font-size: 1.125rem; - line-height: 3rem; + padding-left: 1rem; + padding-right: 1rem; } body > header > nav a#m-navbar-brand .m-thin { font-weight: normal; @@ -557,6 +558,7 @@ body > header > nav #m-navbar-collapse li { body > header > nav #m-navbar-collapse li a { border-style: solid; border-color: transparent; + line-height: 1.5rem; margin-left: -0.25rem; padding-left: 0.75rem; border-width: 0 0 0 0.25rem; @@ -614,8 +616,10 @@ body > header > nav:target #m-navbar-hide { body > header > nav:target #m-navbar-show, body > header > nav:target #m-navbar-hide { display: none; } - body > header > nav a { - line-height: 3rem; + body > header > nav #m-navbar-collapse li a { + line-height: 2.75rem; + } + body > header > nav a, body > header > nav #m-navbar-collapse li a { margin-left: 0; padding-left: 1rem; padding-right: 1rem; @@ -633,16 +637,13 @@ body > header > nav:target #m-navbar-hide { border-left-width: 0; } body > header > nav #m-navbar-collapse ol ol li a { - margin-left: 0; padding-left: 0.75rem; } body > header > nav #m-navbar-collapse > .m-row > ol > li { margin-left: 0; border-left-width: 0; } - body > header > nav a#m-navbar-brand, body > header > nav #m-navbar-collapse > .m-row > ol > li > a { - line-height: 2.75rem; - margin-left: 0; + body > header > nav #m-navbar-collapse > .m-row > ol > li > a { border-width: 0.25rem 0 0 0; } body > header > nav #m-navbar-collapse ol { -- 2.30.2