Slightly better distinguishable footnotes

This commit is contained in:
squidfunk 2017-03-11 18:36:56 +01:00 committed by Martin Donath
parent 59b2ae1a9d
commit e00d5fb98a
4 changed files with 15 additions and 4 deletions

View File

@ -38,13 +38,13 @@
<script src="{{ base_url }}/assets/javascripts/modernizr-56ade86843.js"></script>
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-ba019b7fca.css">
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-1d1da4857d.css">
{% if config.extra.palette %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-66fa0d9bba.palette.css">
{% endif %}
{% endblock %}
{% block fonts %}
{% if config.extra.font != "none" %}
{% if config.extra.font != false and config.extra.font != "none" %}
{% set text = config.extra.get("font", {}).text | default("Roboto") %}
{% set code = config.extra.get("font", {}).code
| default("Roboto Mono") %}

View File

@ -27,6 +27,16 @@
// 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;

View File

@ -97,7 +97,8 @@
<!-- Block: webfonts -->
{% block fonts %}
{% if config.extra.font != "none" %}
<!-- TODO: remove the second check in the next major version -->
{% if config.extra.font != false and config.extra.font != "none" %}
{% set text = config.extra.get("font", {}).text | default("Roboto") %}
{% set code = config.extra.get("font", {}).code
| default("Roboto Mono") %}