fixed blockquote in artical.scss

- followed fix suggestion from monkeyWzr#112 - only did the fix, removed all customizations done by original author
yishanhe · Jul 10, 2022 · 4bd8109 · 4bd8109
1 parent 0ed9484
commit 4bd8109
Showing 1 changed file with 52 additions and 52 deletions.
diff --git a/assets/scss/partial/article.scss b/assets/scss/partial/article.scss
@@ -63,69 +63,69 @@ article {
         height: 100%;
       }
     }
-    blockquote {
-      margin: 1rem 10px;
-      padding: .5em 10px;
-      background: inherit;
+  }
+  .content blockquote {
+    margin: 1rem 10px;
+    padding: .5em 10px;
+    background: inherit;
+    color: $color-quote;
+    quotes: "\201C" "\201D" "\2018" "\2019";
+    font-weight: bold;
+
+    p {
+      margin: 0;
+    }
+    &:before {
+      margin-right: .25em;
       color: $color-quote;
-      quotes: "\201C" "\201D" "\2018" "\2019";
-      font-weight: bold;
+      content: "\201C";
+      vertical-align: -.4em;
+      font-size: 2em;
+      line-height: .1em;
+    }
+    footer {
+      margin: line-height 0;
+      color: $color-meta;
+      font-size: 11px;
 
-      p {
-        margin: 0;
+      a {
+        background-image: linear-gradient(transparent, transparent 5px, $color-meta 5px, $color-meta);
+        color: $color-meta;
       }
-      &:before {
-        margin-right: .25em;
-        color: $color-quote;
-        content: "\201C";
-        vertical-align: -.4em;
-        font-size: 2em;
-        line-height: .1em;
+      a:hover {
+        background-image: linear-gradient(transparent, transparent 4px, lighten($color-meta, 20%) 4px, lighten($color-meta, 20%));
+        color: lighten($color-meta, 20%);
       }
-      footer {
-        margin: line-height 0;
-        color: $color-meta;
-        font-size: 11px;
-
-        a {
-          background-image: linear-gradient(transparent, transparent 5px, $color-meta 5px, $color-meta);
-          color: $color-meta;
-        }
-        a:hover {
-          background-image: linear-gradient(transparent, transparent 4px, lighten($color-meta, 20%) 4px, lighten($color-meta, 20%));
-          color: lighten($color-meta, 20%);
-        }
-        cite {
-          &:before {
-            padding: 0 .5em;
-            content: "—";
-          }
+      cite {
+        &:before {
+          padding: 0 .5em;
+          content: "—";
         }
       }
     }
-    .pullquote {
-      margin: 0;
-      width: 45%;
-      text-align: left;
+  }
+  .content .pullquote {
+    margin: 0;
+    width: 45%;
+    text-align: left;
 
-      &.left {
-        margin-right: 1em;
-        margin-left: .5em;
-      }
-      &.right {
-        margin-right: .5em;
-        margin-left: 1em;
-      }
+    &.left {
+      margin-right: 1em;
+      margin-left: .5em;
     }
-    .caption {
-      position: relative;
-      display: block;
-      margin-top: .5em;
-      color: $color-meta;
-      text-align: center;
-      font-size: .9em;
+    &.right {
+      margin-right: .5em;
+      margin-left: 1em;
     }
   }
+  .content .caption {
+    position: relative;
+    display: block;
+    margin-top: .5em;
+    color: $color-meta;
+    text-align: center;
+    font-size: .9em;
+  }
 }
 .posttitle {
   text-transform: none;