Added the box double line characters to other header sizes

1 files changed, 41 insertions, 36 deletions

diff --git a/src/styles.css b/src/styles.css
index 9fd7496..dc7a048 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -64,41 +64,6 @@ body, td, th {
   line-height: 1.5em;
 }
 
-h1, h2, h3, h4, h5, h6, b {
-  color: var(--header-color);
-  border-color: var(--border-color);
-}
-
-h1 {
-  font-size: 1.7em;
-  line-height: 1.2em;
-  margin-block-end: 0.5em;
-}
-
-h1 ~ h1 {
-  margin-top: 0;
-}
-
-h1::before {
-  content: "\2550  ";
-  color: var(--border-color);
-}
-
-h1::after {
-   content: " \2550 \2550 \2550 \2550 \2550";
-   color: var(--border-color);
-}
-
-h2 {
-  font-size: 1.35em;
-  padding-bottom: 0.25em;
-  border-bottom: 2px solid var(--border-color);
-}
-
-h3 {
-  text-decoration: underline;
-}
-
 img {
   max-width: 100%;
   box-sizing: border-box;
@@ -172,11 +137,51 @@ table code {
   white-space: normal;
 }
 
+h1, h2, h3, h4, h5, h6, b {
+  color: var(--header-color);
+  border-color: var(--border-color);
+}
+
+h1 {
+  font-size: 1.7em;
+  line-height: 1.2em;
+  margin-block-end: 0.5em;
+}
+
+h1 ~ h1 {
+  margin-top: 0;
+}
+
+h1::before, h2::before, h3::before, h4::before, h5::before {
+  content: "\2550  ";
+  color: var(--border-color);
+}
+
+h1::after, h2::after, h3::after, h4::after, h5::after {
+   color: var(--border-color);
+}
+
+h1::after {
+   content: " \2550 \2550 \2550 \2550 \2550";
+}
+
+h2::after {
+   content: " \2550 \2550 \2550";
+}
+
+h3::after {
+   content: " \2550";
+}
+
+h4 {
+   border-bottom: 2px solid var(--border-color);
+}
+
 /* Show link icon next to headings */
 
 h2, h3, h4, h5, h6 {
   display: inline-block;
-  margin-block-start: 0.4em;
+  margin-block-start: 1.25em;
   margin-block-end: 0.16em;
   line-height: 1.25em;
 }