X-Git-Url: http://git.bitcoin.ninja/index.cgi?a=blobdiff_plain;ds=sidebyside;f=_sass%2F_type.scss;h=290d1dbd673827467ece7ab6bd4e05fc41b87d1a;hb=512002eaa78a74e3a0825ce487d124c951e52452;hp=90699f0e11f501748e76647b0907332457a5e580;hpb=b0358a459426ed430f27c3794d8d2d271f834cfa;p=blog

diff --git a/_sass/_type.scss b/_sass/_type.scss
index 90699f0..290d1db 100644
--- a/_sass/_type.scss
+++ b/_sass/_type.scss
@@ -2,7 +2,6 @@
 //
 // Headings, body text, lists, and other misc typographic elements.
 
-// Headings
 h1, h2, h3, h4, h5, h6 {
   margin-bottom: .5rem;
   font-weight: bold;
@@ -10,23 +9,26 @@ h1, h2, h3, h4, h5, h6 {
   color: #313131;
   text-rendering: optimizeLegibility;
 }
+
 h1 {
   font-size: 2rem;
 }
+
 h2 {
   margin-top: 1rem;
   font-size: 1.5rem;
 }
+
 h3 {
   margin-top: 1.5rem;
   font-size: 1.25rem;
 }
+
 h4, h5, h6 {
   margin-top: 1rem;
   font-size: 1rem;
 }
 
-// Body text
 p {
   margin-top: 0;
   margin-bottom: 1rem;
@@ -36,7 +38,6 @@ strong {
   color: #303030;
 }
 
-// Lists
 ul, ol, dl {
   margin-top: 0;
   margin-bottom: 1rem;
@@ -45,11 +46,11 @@ ul, ol, dl {
 dt {
   font-weight: bold;
 }
+
 dd {
   margin-bottom: .5rem;
 }
 
-// Misc
 hr {
   position: relative;
   margin: 1.5rem 0;
@@ -63,29 +64,48 @@ abbr {
   font-weight: bold;
   color: #555;
   text-transform: uppercase;
-}
-abbr[title] {
-  cursor: help;
-  border-bottom: 1px dotted #e5e5e5;
+
+  &[title] {
+    cursor: help;
+    border-bottom: 1px dotted #e5e5e5;
+  }
 }
 
-/* Quotes */
 blockquote {
   padding: .5rem 1rem;
   margin: .8rem 0;
   color: #7a7a7a;
   border-left: .25rem solid #e5e5e5;
 
+  p:last-child {
+    margin-bottom: 0;
+  }
+
   @media (min-width: 30em) {
     padding-right: 5rem;
     padding-left: 1.25rem;
   }
 }
 
-blockquote p:last-child {
-  margin-bottom: 0;
+
+// Markdown footnotes
+//
+// See the example content post for an example.
+
+// Footnote number within body text
+a[href^="#fn:"],
+// Back to footnote link
+a[href^="#fnref:"] {
+  display: inline-block;
+  margin-left: .1rem;
+  font-weight: bold;
 }
 
+// List of footnotes
+.footnotes {
+  margin-top: 2rem;
+  font-size: 85%;
+}
 
 // Custom type
 //