feat(styles): Make special paragraphs use double borders

1 files changed, 16 insertions, 8 deletions

diff --git a/src/styles.css b/src/styles.css
index 55d8422..133afe2 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -230,13 +230,26 @@ article > #article-container > h1:first-child {
 
 /*### Wrapper > Article > special paragraphs ###*/
 
+.question-par  { border-left: 2px solid #4a85cb; border-right: none; border-top: none; border-bottom: none; }
+.warn-par      { border: 2px dashed #fac848; }
+.important-par { border: 2px dashed #f46062; }
+.note-par      { border: 2px dashed #47b481; }
+
 .special-par {
   position: relative;
+  margin: 1em 0;
+  padding: 2px;
+}
+.special-contents {
+  border: inherit;
+  border-style: solid;
+}
+.special-with-icon {
   padding: 0.5em;
   padding-left: calc(32px + 1em);
-  margin: 1em 0;
 }
-.special-par > .gap-small, .special-par > .gap {
+
+.special-contents > .gap-small, .special-contents > .gap {
   display: none;
 }
 .special-par-icon {
@@ -246,13 +259,8 @@ article > #article-container > h1:first-child {
   top: calc(50% - 16px);
 }
 
-.question-par  { border-left: 2px solid #4a85cb; }
-.warn-par      { border: 2px dashed #fac848; }
-.important-par { border: 2px solid #f46062; }
-.note-par {
-  border: 2px solid #47b481;
+.note-par > .special-contents {
   padding: 0.5rem 1rem;
-  background-color: var(--pre-bg-color);
 }
 .note-par > h1:first-of-type,
 .note-par > h2:first-of-type,