fixed blockquote

5 years ago · 8f841fe208
3 changed files with 27 additions and 17 deletions
--- a/css/style.css
+++ b/css/style.css
@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*
 * @file
 * Overall specifications for Magazine+.
@ -232,18 +233,18 @@ blockquote p {
 p + blockquote {
  margin-top: 30px; }

-blockquote:before {
-  content: '';
-  width: 170px;
-  height: 5px;
-  background-color: #f4f4f4;
-  position: absolute;
-  top: 0;
-  left: 0; }
-
 blockquote p:first-child:before {
  content: '- '; }

+blockquote p:first-child:before {
+  content: '“';
+  font-size: 3em;
+  /* line-height: 0em; */
+  vertical-align: baseline;
+  position: relative;
+  top: 0.4em;
+  color: #999; }
+
 blockquote footer {
  font-style: normal;
  color: #2d2d2d; }
--- a/css/style.css.map
+++ b/css/style.css.map
--- a/src/scss/_typography.scss
+++ b/src/scss/_typography.scss
@ -239,17 +239,26 @@ p + blockquote {
    margin-top: 30px;
 }
 blockquote:before {
-    content: '';
-    width: 170px;
-    height: 5px;
-    background-color: #f4f4f4;
-    position: absolute;
-    top: 0;
-    left: 0;
+    //content: '';
+    //width: 170px;
+    //height: 5px;
+    //background-color: #f4f4f4;
+    //position: absolute;
+    //top: 0;
+    //left: 0;
 }
 blockquote p:first-child:before {
    content: '- ';
 }
+blockquote p:first-child:before {
+    content: '“';
+    font-size: 3em;
+    /* line-height: 0em; */
+    vertical-align: baseline;
+    position: relative;
+    top: 0.4em;
+    color: #999;
+}
 blockquote footer {
    font-style: normal;
    color: #2d2d2d;