Fixed rendering and offset for targetted footnote

CHANGELOG

-mkdocs-material 1.5.0 (2017-03-24)
+mkdocs-material-1.5.0 (2017-03-24)
 
   * Added support for localization of search placeholder
   * Added keyboard events for quick access of search

docs/release-notes.md

@@ -26,10 +26,13 @@ pip show mkdocs-material | grep -E ^Version
 * Added git hook to skip CI build on non-src changes
 * Fixed non-resetting search placeholder when input is cleared
 * Fixed error for unescaped parentheses in search term
-* Fixed #229: Button to clear search missing
-* Fixed #231: Escape key doesn't exit search
+* Fixed [#229][229]: Button to clear search missing
+* Fixed [#231][231]: Escape key doesn't exit search
 * Removed old-style figures from font feature settings
 
+  [229]: https://github.com/squidfunk/mkdocs-material/issues/229
+  [231]: https://github.com/squidfunk/mkdocs-material/issues/231
+
 ### 1.4.1 <small> _ March 16, 2017</small>
 
 * Fixed invalid destructuring attempt on NodeList (in Safari, Edge, IE)

material/base.html

@@ -38,7 +38,7 @@
       <script src="{{ base_url }}/assets/javascripts/modernizr-56ade86843.js"></script>
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-d848f886dc.css">
+      <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-8d06ab29f4.css">
       {% if config.extra.palette %}
         <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-66fa0d9bba.palette.css">
       {% endif %}

src/assets/stylesheets/extensions/_footnotes.scss

@@ -27,16 +27,6 @@
 // Scoped in typesetted content to match specificity of regular content
 .md-typeset {
 
-  // Render a thin line before footnote - higher specificity is necessary due
-  // to the lower specificity of the prefix attribute value selector
-  html & [id^="fnref"]::before {
-    display: inline;
-    margin: 0 0.25rem;
-    border-left: 0.1rem solid $md-color-black--lighter;
-    font-size: ms(0);
-    vertical-align: -0.5rem;
-  }
-
   // Footnotes extension
   .footnote {
     color: $md-color-black--light;
@@ -89,6 +79,16 @@
     }
   }
 
+  // Render a thin line before footnote
+  .footnote-ref::before {
+    display: inline;
+    margin: 0 0.25rem;
+    border-left: 0.1rem solid $md-color-black--lighter;
+    font-size: ms(0);
+    content: "";
+    vertical-align: -0.5rem;
+  }
+
   // Footnote back-reference
   .footnote-backref {
     @extend %md-icon;