assets/css/default: Collect the html elements

1 files changed, 28 insertions, 24 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index c3da15b..6c381b0 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -490,15 +490,6 @@ kbd {
 
 /* ----- Elements ----- */
 
-html {
-  font-size: 95%;
-  line-height: 1.5;
-  word-break: break-word;
-  text-rendering: optimizeSpeed;
-  margin-left: calc(100vw - 100%);
-  margin-right: 0;
-}
-
 button,
 textarea {
   margin: 0;
@@ -972,6 +963,30 @@ article a[href*="pdf"]::after {
 
 /* ----- Base ----- */
 
+html {
+  font-size: 95%;
+  height: 100%;
+  line-height: 1.5;
+  margin: 0;
+  overflow-y: scroll;
+  text-rendering: optimizeSpeed;
+  word-break: break-word;
+}
+
+html[data-document="html"],
+html[data-document="xhtml"] {
+  margin-left: calc(100vw - 100%);
+  margin-right: 0;
+  overflow-y: visible;
+}
+
+html[data-document="html"] body,
+html[data-document="xhtml"] body {
+  display: flex;
+  margin: 0 auto;
+  max-width: 1250px;
+}
+
 body {
   background-color: #fefefe;
   background-color: var(--background);
@@ -984,13 +999,6 @@ body {
   -webkit-text-size-adjust: none;
 }
 
-html[data-document="html"] body,
-html[data-document="xhtml"] body {
-  display: flex;
-  margin: 0 auto;
-  max-width: 1250px;
-}
-
 column-base[position="left"] {
   width: 14.25%;
 }
@@ -2411,7 +2419,6 @@ nav[hidden] {
 @media screen and (max-width: 1220px) {
   column-base[position="left"] {
     flex: none;
-    margin: 0.5rem;
   }
   column-base[position="left"] nav a {
     flex-direction: column-reverse;
@@ -2464,6 +2471,10 @@ nav[hidden] {
 }
 
 @media screen and (max-width: 920px) {
+  html[data-document="html"],
+  html[data-document="xhtml"] {
+    margin: 0;
+  }
   nav + main,
   profile-box {
     margin-top: 4rem;
@@ -2501,13 +2512,6 @@ nav[hidden] {
     flex: auto;
     margin: 0 0 0.75rem 0;
   }
-  html {
-    margin: 0;
-  }
-  body {
-    display: block;
-    overflow-y: scroll;
-  }
   tab-bar:active,
   tab-bar:hover,
   tab-bar:focus,