Reduce base font size

This commit is contained in:
jeremystretch 2021-08-13 11:17:37 -04:00
parent 7727ec91f4
commit 0609bcaaf0
4 changed files with 7 additions and 25 deletions

Binary file not shown.

Binary file not shown.

View File

@ -7,6 +7,7 @@
body { body {
color: var(--nbx-body-color); color: var(--nbx-body-color);
background-color: var(--nbx-body-bg); background-color: var(--nbx-body-bg);
font-size: $font-size-sm;
} }
pre { pre {
@ -17,34 +18,11 @@ pre {
border-radius: $border-radius; border-radius: $border-radius;
} }
form,
.form-control {
font-size: 0.875rem;
}
// Force <small/> elements to make text smaller. // Force <small/> elements to make text smaller.
small { small {
font-size: smaller !important; font-size: smaller !important;
} }
h1 {
font-weight: $font-weight-bolder;
}
h2 {
font-weight: $font-weight-bold;
}
h3,
h4 {
font-weight: $font-weight-medium;
}
h5,
h6 {
font-weight: $font-weight-medium;
}
// Fix the hideous way Safari shows button anchor elements. // Fix the hideous way Safari shows button anchor elements.
a[type='button'] { a[type='button'] {
-webkit-appearance: unset !important; -webkit-appearance: unset !important;
@ -56,3 +34,7 @@ a[type='button'] {
*[data-href] { *[data-href] {
cursor: pointer; cursor: pointer;
} }
.form-control {
font-size: inherit;
}

View File

@ -104,7 +104,7 @@
<div class="row align-items-center justify-content-between mx-0"> <div class="row align-items-center justify-content-between mx-0">
{# Docs & Community Links #} {# Docs & Community Links #}
<div class="col-sm-12 col-md-auto"> <div class="col-sm-12 col-md-auto fs-4">
<nav class="nav justify-content-center justify-content-lg-start"> <nav class="nav justify-content-center justify-content-lg-start">
{# Documentation #} {# Documentation #}
<a type="button" class="nav-link" href="{% static 'docs/' %}" target="_blank"> <a type="button" class="nav-link" href="{% static 'docs/' %}" target="_blank">
@ -141,7 +141,7 @@
</div> </div>
{# System Info #} {# System Info #}
<div class="col-sm-12 col-md-auto text-center text-lg-end small text-muted"> <div class="col-sm-12 col-md-auto text-center text-lg-end text-muted">
<span class="d-block d-md-inline">{% annotated_now %} {% now 'T' %}</span> <span class="d-block d-md-inline">{% annotated_now %} {% now 'T' %}</span>
<span class="ms-md-3 d-block d-md-inline">{{ settings.HOSTNAME }} (v{{ settings.VERSION }})</span> <span class="ms-md-3 d-block d-md-inline">{{ settings.HOSTNAME }} (v{{ settings.VERSION }})</span>
</div> </div>