diff --git a/source/_static/js/main.js b/source/_static/js/main.js
index 203fa323..b3915fa4 100644
--- a/source/_static/js/main.js
+++ b/source/_static/js/main.js
@@ -97,13 +97,9 @@ window.addEventListener("DOMContentLoaded", (event) => {
readModeLs = localStorage.getItem("read-mode");
if (window.innerWidth < 1280) {
- if (readModeLs == null || readModeLs == "false") {
- document.documentElement.classList.add("read-mode");
- }
+ document.documentElement.classList.add("read-mode");
} else {
- if (readModeLs == "false") {
- document.documentElement.classList.remove("read-mode");
- }
+ document.documentElement.classList.remove("read-mode");
}
// Re-calculate sidebar height
diff --git a/source/_static/scss/includes/_aside.scss b/source/_static/scss/includes/_aside.scss
index e1b20d55..4bb1dca4 100644
--- a/source/_static/scss/includes/_aside.scss
+++ b/source/_static/scss/includes/_aside.scss
@@ -10,8 +10,7 @@ div.sidebar {
top: 0;
background-color: $white;
transition: opacity 400ms, transform 300ms;
- //padding: var(--content-padding);
- padding: 0;
+ padding-top: var(--content-padding);
overflow-y: auto;
height: 100vh;
z-index: $z-index-header - 2;
diff --git a/source/_static/scss/includes/_header.scss b/source/_static/scss/includes/_header.scss
index b6c1f008..21e6e904 100644
--- a/source/_static/scss/includes/_header.scss
+++ b/source/_static/scss/includes/_header.scss
@@ -185,13 +185,13 @@
}
.header__title {
- font-size: clamp(40px, 6vw, 72px);
+ font-size: clamp(40px, 6vw, 60px);
line-height: 1.2;
color: $black;
- padding-bottom: 5rem;
+ padding-bottom: 2rem;
margin-left: -0.25rem;
font-family: $font-family-heading;
- margin-top: 5rem;
+ margin-top: 2rem;
text-align: center;
}
diff --git a/source/_static/scss/includes/_layout.scss b/source/_static/scss/includes/_layout.scss
index ae5297cb..5de093f0 100644
--- a/source/_static/scss/includes/_layout.scss
+++ b/source/_static/scss/includes/_layout.scss
@@ -28,7 +28,7 @@
.content__main {
flex: 1;
min-width: 0;
- padding: 0 var(--content-padding) var(--content-padding);
+ padding: var(--content-padding);
}
.container {
diff --git a/source/_static/scss/includes/_nav.scss b/source/_static/scss/includes/_nav.scss
index 93dafba5..157b515c 100644
--- a/source/_static/scss/includes/_nav.scss
+++ b/source/_static/scss/includes/_nav.scss
@@ -383,7 +383,10 @@ a.nav__sub {
.platform-nav {
font-size: $font-size-md;
position: relative;
- margin-bottom: 2rem;
+
+ @include breakpoint-min(breakpoints(lg)) {
+ margin-bottom: 2rem;
+ }
.search-toggle {
margin-left: auto;
diff --git a/source/_static/scss/includes/_search.scss b/source/_static/scss/includes/_search.scss
index a16e7864..277a0e81 100644
--- a/source/_static/scss/includes/_search.scss
+++ b/source/_static/scss/includes/_search.scss
@@ -63,7 +63,7 @@
isolation: isolate;
position: relative;
- margin-bottom: 2rem;
+ margin-bottom: 1rem;
}
.search--active,
diff --git a/source/_static/scss/includes/_theme.scss b/source/_static/scss/includes/_theme.scss
index 17c7bee5..01a5dd11 100644
--- a/source/_static/scss/includes/_theme.scss
+++ b/source/_static/scss/includes/_theme.scss
@@ -32,7 +32,7 @@ $theme-properties: (
--header-text-color: $white $text-dark-color,
// Content
- --content-nav-bg: $light-100 $dark-100,
+ --content-nav-bg: $white $dark-100,
--content-nav-active-border-color: $black $dark-500,
--content-nav-sub-bg: $white $dark-500,
--content-nav-sub-color: $black $dark-0,
diff --git a/source/_templates/header.html b/source/_templates/header.html
index 59c7aaa8..049139a9 100644
--- a/source/_templates/header.html
+++ b/source/_templates/header.html
@@ -6,13 +6,7 @@
-
- {%- include "top-navigation.html" %}
-
-
+