#10 Formatting for footnotes

This commit is contained in:
Pat Dryburgh
2018-10-18 21:39:03 -07:00
parent c61733b703
commit a288fd24db
3 changed files with 40 additions and 4 deletions

32
_sass/_footnotes.scss Normal file
View File

@ -0,0 +1,32 @@
.footnote {
border: 1px solid $muted-text-color;
border-radius: 1em;
color: $text-color;
display: inline;
font-size: .75em;
font-weight: 700;
padding: 0 .75em;
text-decoration: none;
margin: 0 .25em;
&:hover,
&:focus {
background: $brand-color;
border-color: $brand-color;
}
}
.footnotes:before,
.footnotes:after {
content: '';
@include divider;
margin: 4em auto;
}
.footnotes li {
margin-bottom: 1em;
}
.reversefootnote {
font-size: .75em;
opacity: .75;
}