feat(website): add offcanvas documentation

packages/core/src/_reset.scss

@@ -155,33 +155,3 @@
 :where(sup) {
   top: -0.5em;
 }
-
-// ── Other ───────────────────────────────────────────────────────────────
-
-:where(a) {
-  background-color: transparent;
-}
-
-:where(abbr[title]) {
-  text-decoration: underline dotted;
-}
-
-:where(code, kbd, samp, pre) {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-:where(sub, sup) {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-:where(sub) {
-  bottom: -0.25em;
-}
-
-:where(sup) {
-  top: -0.5em;
-}

packages/core/src/style.scss

@@ -95,9 +95,11 @@ ul {
   /* Make the marker position is inside the container */
   list-style-position: inside;
   margin: 0;
+  margin-bottom: var(--msp-spacing-2);
 
   ul {
     margin-left: var(--msp-spacing-3);
+    margin-bottom: 0;
   }
 }
 
@@ -126,3 +128,10 @@ video.respect-height {
 li:not(:last-child) {
   margin-bottom: var(--msp-spacing-1);
 }
+
+:where(code, kbd, samp, pre):not([data-lang]) {
+  background-color: var(--msp-color-bg-surface-2);
+  padding: 0 var(--msp-spacing-1);
+  border-radius: var(--msp-border-radius);
+  white-space: nowrap;
+}