1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<template>
<footer v-if="enable" class="footer-wrapper">
<MediaLinks v-if="!($frontmatter.home && $frontmatter.blog)" />
<!-- eslint-disable-next-line vue/no-v-html -->
<div v-if="footerContent" class="footer" v-html="footerContent" />
<!-- eslint-disable-next-line vue/no-v-html -->
<div v-if="copyright" class="copyright" v-html="copyright" />
</footer>
</template>
<script src="./PageFooter" />
<style lang="stylus">
.footer-wrapper
display flex
flex-wrap wrap
justify-content space-evenly
align-items center
padding 12px 30px
border-top 1px solid var(--border-color)
background var(--bgcolor)
color var(--dark-color, #666)
text-align center
@media (min-width $MQMobile)
.has-sidebar &
padding-left $sidebarWidth
border-left 30px solid transparent
& > div
@media (max-width $MQMobileNarrow)
width 100%
.media-links-wrapper
margin 0
.footer
margin 8px 16px
font-size 14px
.copyright
margin 6px 0
font-size 13px
.page:not(.not-found) + .footer-wrapper
margin-top -2rem
</style>