Redesign the docs layout and simplify the menu structure (#2902)

core/scss/_extends.scss

@@ -55,7 +55,26 @@
 // Markdown tables pick up the styled table look (from `ui/_markdown.scss`)
 .prose > table,
 .markdown > table {
-  @extend .table, .table-bordered, .table-sm;
+  @extend .table;
+  font-size: var(--body-font-size);
+
+  th:first-child,
+  td:first-child {
+    padding-left: 0;
+  }
+
+  th:last-child,
+  td:last-child {
+    padding-right: 0;
+  }
+
+  tr:last-child > * {
+    border-bottom: 0;
+  }
+
+  th {
+    --bg-surface-tertiary: transparent;
+  }
 }
 
 // Light-scoped subtrees inside a dark body inherit the dark styles

core/scss/ui/_nav.scss

@@ -6,6 +6,7 @@
   --nav-vertical-nested-padding-start: #{$nav-vertical-nested-padding-start};
   --nav-link-toggle-padding-x: #{$nav-link-toggle-padding-x};
   --nav-link-icon-margin-end: #{$nav-link-icon-margin-end};
+  font-size: var(--body-font-size);
 }
 
 .nav-vertical {

core/scss/ui/_offcanvas.scss

@@ -24,6 +24,5 @@
 
 .offcanvas-narrow {
   --offcanvas-narrow-width: #{$offcanvas-narrow-width};
-
-  width: var(--offcanvas-narrow-width);
+  --offcanvas-width: var(--offcanvas-narrow-width);
 }

core/scss/ui/_type.scss

@@ -91,6 +91,10 @@ blockquote {
 
   p {
     margin-bottom: var(--blockquote-paragraph-margin-bottom);
+
+    &:last-child {
+      margin-bottom: 0;
+    }
   }
 
   cite {

core/scss/ui/forms/_form-imagecheck.scss

@@ -92,6 +92,10 @@ Image check
   .form-imagecheck-input:checked ~ .form-imagecheck-figure & {
     opacity: 1;
   }
+
+  .avatar {
+    border-radius: inherit;
+  }
 }
 
 .form-imagecheck-caption {