Updated the documentation pre and code blocks style (#216)

# Pull Request

## 📖 Description

<!--- Provide some background and a description of your work. -->
This change cleans up some styling with pre and code blocks and puts them more inline with the docusaurus style used by FAST. This also fixes an issue where the sub docs folder was not getting ignored.

## ✅ Checklist

### General

<!--- Review the list and put an x in the boxes that apply. -->

- [ ] I have added tests for my changes.
- [x] I have tested my changes.
- [ ] I have updated the project documentation to reflect my changes.

.gitignore

@@ -63,7 +63,7 @@ bin/
 obj/
 
 # Ignore the docs folder
-docs/*
+/docs/*
 
 # Except the docs folder README
-!docs/README.md
+!/docs/README.md

website/src/templates/style/index.html

@@ -12,6 +12,8 @@
         --font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell,
             Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
             sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+        --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
+            "Liberation Mono", "Courier New", monospace;
         --background-color-layer-1: #18191a;
         --background-color-layer-2: #242526;
         --background-color-layer-3: hsla(0, 0%, 100%, 0.05);
@@ -37,6 +39,9 @@
         --category-background-color: var(--background-color-layer-2);
         --category-border-radius: 10px;
         --table-caption-background-color: var(--background-color-layer-3);
+        --code-background: #333437;
+        --code-border-radius: 6px;
+        --code-block-background: rgb(41, 45, 62);
         display: flex;
         flex-direction: column;
         justify-content: space-between;
@@ -87,7 +92,7 @@
         width: var(--sidebar-width);
         min-width: var(--sidebar-width);
         border-right: 1px solid var(--sidebar-border-color);
-        height: calc(100vh - var(--toolbar-height) - var(--footer-height) - 30px);
+        min-height: calc(100vh - var(--toolbar-height) - var(--footer-height) - 30px);
         overflow: auto;
     }
 
@@ -290,6 +295,20 @@
         padding: var(--table-cell-padding);
     }
 
+    pre code {
+        display: block;
+        padding: 16px;
+        background-color: var(--code-block-background);
+    }
+
+    code {
+        background-color: var(--code-background);
+        border: 0.1rem solid rgba(0, 0, 0, 0.1);
+        border-radius: var(--code-border-radius);
+        font-family: var(--font-family-monospace);
+        padding: 2px;
+    }
+
     @media (max-width: 996px) {
         .mobile-control {
             display: flex;