fixing the dropcap display

diff --git a/assets/sass/base/_typography.scss b/assets/sass/base/_typography.scss
index 94ca410..2009f4d 100644 (file)
--- a/assets/sass/base/_typography.scss
+++ b/assets/sass/base/_typography.scss
@@ -181,4 +181,14 @@
        .highlight {\r
                max-width: 100%;\r
                overflow-x: auto;\r
-       }
\ No newline at end of file
+       }\r
+\r
+       .has-dropcap:first-letter {\r
+               font-family: _font(family-fixed);\r
+               font-weight: 900;\r
+               float: left;\r
+               font-size: 6rem;\r
+               line-height: 0.65;\r
+               margin: 0.1em 0.1em 0.2em 0;\r
+       }\r
+\r

diff --git a/layouts/shortcodes/dropcap.html b/layouts/shortcodes/dropcap.html
index 25a2e1f..778d37a 100644 (file)
--- a/layouts/shortcodes/dropcap.html
+++ b/layouts/shortcodes/dropcap.html
@@ -9,6 +9,6 @@
        * 
        */}}
 
-<p class="has-drop-cap" {{ if .Get "class"}}class="{{ with .Get "class"}}{{.}}{{ end }}"{{end}}>
+<p class="has-dropcap {{ with .Get "class"}}{{.}}{{ end }}">
        {{ .Inner }}
 </p>
\ No newline at end of file