diff --git a/package-lock.json b/package-lock.json
index 141f0b5..006c08e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
"astro-diagram": "^0.7.0",
"astro-imagetools": "^0.9.0",
"astro-remark-description": "^1.0.1",
+ "classnames": "^2.3.2",
"fork-awesome": "^1.2.0",
"katex": "^0.16.8",
"lodash-es": "^4.17.21",
@@ -2387,6 +2388,11 @@
"node": ">=8"
}
},
+ "node_modules/classnames": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
+ "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
+ },
"node_modules/cli-boxes": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",
diff --git a/package.json b/package.json
index 1530bb0..b558986 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
"astro-diagram": "^0.7.0",
"astro-imagetools": "^0.9.0",
"astro-remark-description": "^1.0.1",
+ "classnames": "^2.3.2",
"fork-awesome": "^1.2.0",
"katex": "^0.16.8",
"lodash-es": "^4.17.21",
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 7805859..0f04486 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -1,8 +1,16 @@
---
import Footer from "../components/Footer.astro";
import LeftNav from "../components/LeftNav.astro";
+import classNames from "classnames";
import "../styles/global.scss";
import "katex/dist/katex.min.css";
+
+interface Props {
+ pad?: boolean;
+}
+
+const { pad } = Astro.props;
+const shouldPad = pad === undefined ? true : pad;
---
@@ -20,7 +28,7 @@ import "katex/dist/katex.min.css";
-
+
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 5d63daa..a920f5f 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -99,7 +99,10 @@ pre > code {
.flex-wrapper > main {
min-width: 0;
box-sizing: border-box;
- // padding: 20px;
+
+ &.pad {
+ padding: 20px;
+ }
}
@media screen and (max-width: variables.$breakpoint) {
@@ -119,7 +122,7 @@ pre > code {
}
}
- .flex-wrapper > main {
- // padding-left: 30px;
+ .flex-wrapper > main.pad {
+ padding-left: 30px;
}
}