fix: style of footnote-icon, drop-cap

reuixiy · Feb 15, 2020 · ac0684c · ac0684c
1 parent 223b67b
commit ac0684c
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/assets/scss/_common/single.scss b/assets/scss/_common/single.scss
@@ -82,9 +82,9 @@ blockquote {
 
 .drop-cap {
     float: left;
-    font-size: $fontSize * 3 + 2px;
+    font-size: $fontSize * 3;
     margin-right: $lineHeight * $fontSize - $fontSize;
-    margin-top: $fontSize / 2;
+    margin-top: $fontSize / $lineHeight;
     line-height: $lineHeight * $fontSize;
 }
 

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -194,6 +194,7 @@
     .footnote-icon {
         fill: alpha(var(--color-contrast-high), 0.5);
         transition: fill $duration;
+        margin-bottom: 0.3em;
         &:hover {
             fill: var(--color-primary);
         }