1 files changed, 127 insertions, 0 deletions
diff --git a/assets/sass/override.scss b/assets/sass/override.scss
new file mode 100644
index 0000000..2cdca82
--- /dev/null
+++ b/assets/sass/override.scss
@@ -0,0 +1,127 @@
+// === Import Bootstrap and set variable overrides ===
+$body-bg: {{ .Param "style.backgroundColor" }};
+$body-color: {{ .Param "style.fontColor" }};
+$font-family-base: "Helvetica Neue", Arial, sans-serif;
+$font-size-base: 0.95rem;
+@import "../../node_modules/bootstrap/scss/bootstrap";
+
+// === Import Font Awesome ===
+$fa-font-path: "../webfonts";
+@import "../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";
+@import "../../node_modules/@fortawesome/fontawesome-free/scss/solid.scss";
+@import "../../node_modules/@fortawesome/fontawesome-free/scss/brands.scss";
+.fa-1x {
+  font-size: 0.9em !important;
+}
+
+// === Custom Styles ===
+#content {
+  width: 100%;
+  max-width: 650px;
+  min-height: calc(100vh - 105px);
+}
+
+#home-image {
+  width: 120px;
+  height: 120px;
+  border: solid 5px white;
+  box-shadow: 0px 10px 7px -10px rgba(0,0,0,0.6);
+}
+
+#nav-links {
+  position: relative;
+  left: -5px;
+}
+
+#nav-social {
+  position: relative;
+  left: 1px;
+}
+
+.category {
+  color: $body-bg;
+  background-color: $body-color;
+}
+
+.highlight > pre {
+  padding: 0.5rem 0.8rem;
+  border: 1px solid;
+  border-color: #ddd #ddd #ccc;
+  border-radius: 3px;
+}
+
+hr {
+  border: 0;
+  height: 1px;
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.4),
+          rgba(51, 51, 51, 0.3), rgba(0, 0, 0, 0));
+}
+
+h1, h2 {
+  letter-spacing: -0.085rem;
+  font-weight: 700;
+}
+
+h3, h4 {
+  letter-spacing: -0.065rem;
+  font-weight: 700;
+}
+
+p {
+  margin-bottom: 0.7rem;
+}
+
+header {
+  h2 {
+    a, a:hover {
+      color: $body-color;
+    }
+  }
+}
+
+img {
+  border-radius: 0.20rem;
+}
+
+h4 {
+  margin-top: 2.2rem;
+  margin-bottom: 0.7rem;
+}
+
+a {
+  text-decoration: underline;
+}
+
+blockquote {
+  background: $body-bg;
+  border-left: 8px solid #ccc;
+  margin: 1.5em 10px;
+  padding: 0.5em 10px;
+  quotes: "\201C""\201D""\2018""\2019";
+}
+
+blockquote:before {
+  color: #ccc;
+  content: open-quote;
+  font-size: 4em;
+  line-height: 0.1em;
+  margin-right: 0.25em;
+  vertical-align: -0.4em;
+}
+
+blockquote p {
+  display: inline;
+}
+
+// === Media breakpoints ===
+// 576px
+@include media-breakpoint-up(sm) {}
+
+// 768px
+@include media-breakpoint-up(md) {}
+
+// 992px
+@include media-breakpoint-up(lg) {}
+
+// 1200px
+@include media-breakpoint-up(xl) {}