fix(blockquote): regression introduced in last version

Bootstrap style override our style. This patch fixes it.
Pelican-Elegant · Feb 4, 2020 · 2aace21 · 2aace21
1 parent b7d8c4f
commit 2aace21
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 132 deletions.
diff --git a/static/bootstrap/type.less b/static/bootstrap/type.less
@@ -143,56 +143,6 @@ abbr.initialism {
   text-transform: uppercase;
 }
 
-// Blockquotes
-blockquote {
-  padding: 0 0 0 15px;
-  margin: 0 0 @baseLineHeight;
-  border-left: 5px solid @grayLighter;
-  p {
-    margin-bottom: 0;
-    font-size: @baseFontSize * 1.25;
-    font-weight: 300;
-    line-height: 1.25;
-  }
-  small {
-    display: block;
-    line-height: @baseLineHeight;
-    color: @grayLight;
-    &:before {
-      content: '\2014 \00A0';
-    }
-  }
-
-  // Float right with text-align: right
-  &.pull-right {
-    float: right;
-    padding-right: 15px;
-    padding-left: 0;
-    border-right: 5px solid @grayLighter;
-    border-left: 0;
-    p,
-    small {
-      text-align: right;
-    }
-    small {
-      &:before {
-        content: '';
-      }
-      &:after {
-        content: '\00A0 \2014';
-      }
-    }
-  }
-}
-
-// Quotes
-q:before,
-q:after,
-blockquote:before,
-blockquote:after {
-  content: "";
-}
-
 // Addresses
 address {
   display: block;

diff --git a/static/css/blockquote.css b/static/css/blockquote.css
@@ -1,33 +1,38 @@
-blockquote {
-  --quotes-margin: 13px;
-  background: Cornsilk;
-  border-left: 5px solid goldenrod;
-  border-radius: var(--border-radius);
-  box-sizing: border-box;
-  margin: 1rem auto 2rem;
-  padding: 0.1rem 1.2rem;
-  position: relative;
-  width: 80%;
-  &:before,
-  &:after {
-    color: dimgray;
-    font-size: 4rem;
-    line-height: 0;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-  }
-  &:before {
-    content: open-quote;
-    margin-right: var(--quotes-margin);
-    right: 100%;
-    top: 30px;
-  }
-  &:after {
-    bottom: 0px;
-    content: close-quote;
-    left: 100%;
-    margin-left: var(--quotes-margin);
-    top: auto;
+.article-content {
+  & blockquote {
+    --quotes-margin: 13px;
+    background: Cornsilk;
+    border-left: 5px solid goldenrod;
+    border-radius: var(--border-radius);
+    box-sizing: border-box;
+    margin: 1rem auto 2rem;
+    padding: 0.1rem 1.2rem;
+    position: relative;
+    width: 80%;
+    &:before,
+    &:after {
+      color: dimgray;
+      font-size: 4rem;
+      line-height: 0;
+      margin: 0;
+      padding: 0;
+      position: absolute;
+    }
+    &:before {
+      content: open-quote;
+      margin-right: var(--quotes-margin);
+      right: 100%;
+      top: 30px;
+    }
+    &:after {
+      bottom: 0px;
+      content: close-quote;
+      left: 100%;
+      margin-left: var(--quotes-margin);
+      top: auto;
+    }
+    & p {
+      margin: 20px 0;
+    }
   }
 }
diff --git a/static/css/bootstrap.css b/static/css/bootstrap.css
@@ -832,57 +832,6 @@ abbr.initialism {
   text-transform: uppercase;
 }
 
-blockquote {
-  padding: 0 0 0 15px;
-  margin: 0 0 20px;
-  border-left: 5px solid #eeeeee;
-}
-
-blockquote p {
-  margin-bottom: 0;
-  font-size: 17.5px;
-  font-weight: 300;
-  line-height: 1.25;
-}
-
-blockquote small {
-  display: block;
-  line-height: 20px;
-  color: #999999;
-}
-
-blockquote small:before {
-  content: "\2014 \00A0";
-}
-
-blockquote.pull-right {
-  float: right;
-  padding-right: 15px;
-  padding-left: 0;
-  border-right: 5px solid #eeeeee;
-  border-left: 0;
-}
-
-blockquote.pull-right p,
-blockquote.pull-right small {
-  text-align: right;
-}
-
-blockquote.pull-right small:before {
-  content: "";
-}
-
-blockquote.pull-right small:after {
-  content: "\00A0 \2014";
-}
-
-q:before,
-q:after,
-blockquote:before,
-blockquote:after {
-  content: "";
-}
-
 address {
   display: block;
   margin-bottom: 20px;