diff --git a/.gitignore b/.gitignore index bdf0d91..db6d127 100644 --- a/.gitignore +++ b/.gitignore @@ -63,7 +63,7 @@ bin/ obj/ # Ignore the docs folder -docs/* +/docs/* # Except the docs folder README -!docs/README.md \ No newline at end of file +!/docs/README.md \ No newline at end of file diff --git a/website/src/templates/style/index.html b/website/src/templates/style/index.html index a043174..b90dc92 100644 --- a/website/src/templates/style/index.html +++ b/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;