forked from lix-project/lix-website
jade
ad8ff9bfbb
This is in response to a minor complaint about the text size on mastodon, which I agree with: https://chaos.social/@imadnyc@mstdn.social/112961604691513932 I personally agree that 20px does not feel right, and more to the point, our previous type scale was really odd: body text was 1.25rem (20px), while the nav links were 1rem (16px). It seems like the intent of this was to make it so that the body text was not 16px, which felt too small (and does to me too). However, it seems to me like the *actual* solution here is to set the entire type scale overall larger, then decrease the size of any type that looks particularly silly. Thus, I've set the root font-size to 18px (via a percentage of 112.5%) instead of the default 16px, which will fix all the 1rem font sizes elsewhere in the site, to *make* 1rem a reasonable body text size.
27 lines
1.1 KiB
HTML
27 lines
1.1 KiB
HTML
<nav class="navbar navbar-expand-xl navbar-light bg-light py-4">
|
|
<div class="container">
|
|
<a class="navbar-brand d-flex align-items-center" href="{{ .Site.BaseURL }}">
|
|
{{ partial "utilities/image.html" (dict "image" "images/logo.png" "alt" "an ice cream cone made of lambdas") }}
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<nav id="navbarContent" class="collapse navbar-collapse">
|
|
<ul class="navbar-nav ms-auto mb-2 mb-xl-0">
|
|
{{ range .Site.Menus.main }}
|
|
<li class="nav-item text-center">
|
|
<a class="nav-link text-primary px-3" href="{{ .URL }}">{{ .Name }}</a>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
<ul class="navbar-nav ms-xl-3 mb-2 mb-xl-0">
|
|
{{ range .Site.Menus.buttons }}
|
|
<li class="nav-item">
|
|
<a class="nav-link btn btn-primary text-light px-3" href="{{ .URL }}">{{ .Name }}</a>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</nav>
|