mirror of
https://github.com/metagov/govarch-website.git
synced 2025-06-19 01:23:10 +00:00
#10 Formatting for footnotes
This commit is contained in:
32
_sass/_footnotes.scss
Normal file
32
_sass/_footnotes.scss
Normal 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;
|
||||
}
|
Reference in New Issue
Block a user