From 8b0e1a4e3ce7a055145f143237c9c9ee0a154197 Mon Sep 17 00:00:00 2001 From: Dan Allen Date: Sun, 5 Aug 2018 16:54:46 -0600 Subject: [PATCH] reduce size of font in navigation panel --- src/css/navigation-explore.css | 11 ++++++++--- src/css/navigation.css | 6 +++--- 2 files changed, 11 insertions(+), 6 deletions(-) diff --git a/src/css/navigation-explore.css b/src/css/navigation-explore.css index 2dda7c3..938e51a 100644 --- a/src/css/navigation-explore.css +++ b/src/css/navigation-explore.css @@ -17,12 +17,17 @@ align-items: center; justify-content: space-between; cursor: pointer; - /* font-size: 0.75rem; */ - font-size: 0.8824em; line-height: 1; + font-size: 0.8125rem; height: var(--drawer-height); } +@media screen and (min-width: 1024px) { + .navigation-explore .context { + font-size: 0.75rem; + } +} + .navigation-explore.is-active .context { box-shadow: 0 1px 0 #e1e1e1; } @@ -71,7 +76,7 @@ .navigation-explore .component .version { display: block; - font-size: 0.95em; + font-size: 0.9375em; } .navigation-explore .component .version a { diff --git a/src/css/navigation.css b/src/css/navigation.css index f6d18b2..550e59a 100644 --- a/src/css/navigation.css +++ b/src/css/navigation.css @@ -8,7 +8,7 @@ top: var(--navbar-height); left: 0; width: 100%; - font-size: 0.95rem; + font-size: 0.9375rem; z-index: 1; } @@ -19,13 +19,13 @@ @media screen and (min-width: 769px) { .navigation-container { width: 16rem; - font-size: 0.9rem; + font-size: 0.875rem; } } @media screen and (min-width: 1024px) { .navigation-container { - font-size: 0.85rem; + font-size: 0.8125rem; flex: none; display: block; position: static; -- 2.11.0