From 73674bb3e9b583e38389f3b0a7d03c4dac8fe45a Mon Sep 17 00:00:00 2001 From: Tait Hoyem <44244401+TTWNO@users.noreply.github.com> Date: Fri, 10 Apr 2020 04:20:50 +0000 Subject: [PATCH] Make Github image scale with nav text :) --- _sass/main.scss | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/_sass/main.scss b/_sass/main.scss index 1ed42f9..dbbf4eb 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -8,6 +8,8 @@ $last-p-padd: 1.5em; $nav-padd: 1em; $line-under: 1px solid #aaa; +$nav-font-and-pic: 1em; + body { background-color: #fefefe; padding: 15px; @@ -65,7 +67,7 @@ nav a:first-of-type { margin-left: 0; } nav a { - margin: 1em; + margin: $nav-font-and-pic; color: $nav-link-color; font-weight: bold; font-style: none; @@ -76,6 +78,15 @@ nav a.on-page { nav a:hover { text-decoration: underline; } +nav img { + margin: auto; + height: $nav-font-and-pic; + width: $nav-font-and-pic; + display: inline-block; + position: relative; + top: 50%; + bottom: 50%; +} li { margin: .5em;