Tweak theme

themes/custom-theme/assets/css/non-critical/00-vendor.css

@@ -0,0 +1,24 @@
+/*! purgecss start ignore */
+
+/* Prism Plugins */
+{{ range $.Site.Params.prism.plugins }}
+  {{ $path := printf "prismjs/plugins/%s/prism-%s.css" . . }}
+  {{ $plugin := resources.Get $path }}
+  {{ if $plugin }}
+  {{ printf "/*%s*/" $plugin }}
+    @import "{{ $plugin }}";
+  {{ end }}
+{{ end }}
+
+/* Prism Font */
+code,
+kbd,
+code[class*="language-"],
+pre[class*="language-"] {
+  font-family: var(--font-monospace);
+}
+
+/*! purgecss end ignore */
+
+/* Default license header for non-vendor CSS source code that follows */
+/*! MIT License | github.com/schnerring/hugo-theme-gruvbox */

themes/custom-theme/assets/css/non-critical/10-custom-media.css

@@ -0,0 +1,9 @@
+/*
+  Bootstrap 5 breakpoints
+  See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
+*/
+@custom-media --sm (min-width: 576px);
+@custom-media --md (min-width: 768px);
+@custom-media --lg (min-width: 992px);
+@custom-media --xl (min-width: 1200px);
+@custom-media --xxl (min-width: 1400px);

themes/custom-theme/assets/css/non-critical/15-footer.css

@@ -0,0 +1,11 @@
+footer {
+  align-items: center;
+  color: var(--fg3);
+  display: flex;
+  font-family: var(--font-monospace);
+  font-size: 0.8rem;
+  justify-content: center;
+  padding-bottom: 0.5rem;
+  padding-top: 2rem;
+  text-align: center;
+}

themes/custom-theme/assets/css/non-critical/20-pagination.css

@@ -0,0 +1,18 @@
+.pagination {
+  display: flex;
+  margin-top: 2rem;
+}
+
+.pagination__button {
+  color: var(--primary-alt);
+  font-family: var(--font-monospace);
+  font-size: 1.125rem;
+}
+
+.pagination__button:hover {
+  color: var(--primary);
+}
+
+.pagination__button--next {
+  margin-left: auto;
+}