diff --git a/_sass/_header.scss b/_sass/_header.scss index db8b37cd4e..c1130f50df 100644 --- a/_sass/_header.scss +++ b/_sass/_header.scss @@ -14,10 +14,44 @@ font-size: $h2; } +// // original -- does not work +// // if you leave as is, in the +// // _media-queries.scss partial add +// // padding-top: 0; +// // to the .site-nav rule inside the media query +// // for an alternate fix + +// .site-nav { // not working +// padding-top: $nav-padding; // not working +// } // not working + +// // we could just remove the .site-nav rule here +// // but in past incarnations, Jan 2019 on the wayback machine +// // by inspection this worked, we had just ` margin-top: $space-2; ` +// // though margin-top: 0; seems to be working, go figure. +// // or as I say, elminate the whole rule at this location in the file +// // +// // this rule is good .site-nav { - padding-top: $nav-padding; + margin-top: $space-2; } +// // If we do that, we want to remove or +// // rename the $nav-padding; variable. +// // So there's also a separate commit to remove it. + +// // this would work also, use $nav-padding instead of #space-2 +// // still setting margin-top instead of padding-top +// .site-nav { +// margin-top: $nav-padding; +// } + +// // an additional tweak, in _media-queries.scss +// // you can lift the left nav text upwards by +// // changing the ` .site-header .site-nav ` rule +// // margin-top: .25rem; +// // to something like .2, .15, ..., .05rem; + .site-header nav a { color: $nav-color; } diff --git a/_sass/_tables.scss b/_sass/_tables.scss index d8a7d37e32..a47162eee1 100644 --- a/_sass/_tables.scss +++ b/_sass/_tables.scss @@ -4,6 +4,7 @@ */ table { + border-collapse: collapse; width: 100%; max-width: 100%; margin-bottom: 1.5rem; diff --git a/_sass/_variables.scss b/_sass/_variables.scss index f5a86795c8..2de72f99f9 100644 --- a/_sass/_variables.scss +++ b/_sass/_variables.scss @@ -121,7 +121,6 @@ $header-font-weight: 300; // Nav $nav-color: $mid-gray; $nav-link-color: #444; -$nav-padding: $space-2; $nav-link-padding-x: $space-2; $nav-link-border-bottom: 2px solid #444; $nav-active-border-bottom: 1px solid $light-gray;