From 04b5017279125ea214058428d05a9264d51bb5a6 Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Sun, 22 May 2022 18:19:16 -0500
Subject: [PATCH] Add full-width-hr shortcode

---
 assets/css/bobastyle.css              | 8 ++++++++
 layouts/shortcodes/full-width-hr.html | 1 +
 2 files changed, 9 insertions(+)
 create mode 100644 layouts/shortcodes/full-width-hr.html

diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 8989e20..7dc8378 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -634,6 +634,14 @@ hr {
   border: 1px solid var(--background-3);
 }
 
+@media (min-width: 720px) {
+  .full-width-hr {
+    /* see also: the related-posts section too */
+    margin-left: calc(-100vw / 2 + 760px / 2);
+    margin-right: calc(-100vw / 2 + 760px / 2);
+  }
+}
+
 table.markdown {
   border-collapse: collapse;
   border: 2px solid var(--text-1);
diff --git a/layouts/shortcodes/full-width-hr.html b/layouts/shortcodes/full-width-hr.html
new file mode 100644
index 0000000..93ffb43
--- /dev/null
+++ b/layouts/shortcodes/full-width-hr.html
@@ -0,0 +1 @@
+<hr class="full-width-hr">