From 228e8ee833f4e4930222b0c23c2872469217bc46 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Mon, 20 Jun 2022 20:07:15 -0700 Subject: Improve Sizing and Spacing --- sass/include/_nav.scss | 30 ++++++++++++++++++------------ 1 file changed, 18 insertions(+), 12 deletions(-) (limited to 'sass/include/_nav.scss') diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss index ad3ae79..d9d67a8 100644 --- a/sass/include/_nav.scss +++ b/sass/include/_nav.scss @@ -5,12 +5,6 @@ .cnav { color: var(--a3);//pagination color current page } -main nav { - margin-top: var(--s2);//pagination margin - ul li { - margin: .1rem; - } -} .off { color: var(--c4); font-weight: var(--fh); @@ -39,12 +33,11 @@ header > nav > div:nth-child(2) {//puts logo on left and menu/search on right } nav > div { ul, h2 { - line-height: 2; + line-height: 1.9; margin: 0; padding: 0; } margin: var(--s1) 0; - display: block; } nav { align-items: center; @@ -60,11 +53,24 @@ nav { margin-bottom: 0; margin-top: 0.2rem; } - ul li { + li { display: inline-block; - margin: 0 0.2rem; - //position: relative; - //text-align: left; + margin: 0 .2rem; + } +} +main nav { + margin-top: var(--s2);//pagination margin + li { + margin: .1rem; + } +} +footer nav { + ul { + margin: 0; + padding: 0; + } + li { + margin: 0 .2rem .4rem; } } // breakpoint makes header responsive for mobile layouts -- cgit v1.3.1