forked from pradyunsg/furo
/
_footer.sass
109 lines (82 loc) · 1.93 KB
/
_footer.sass
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
// This file contains the styles used for stylizing the footer that's shown
// below the content.
footer
font-size: var(--font-size--small)
display: flex
flex-direction: column
margin-top: 2rem
// Bottom of page information
.bottom-of-page
display: flex
align-items: center
justify-content: space-between
margin-top: 1rem
padding-top: 1rem
padding-bottom: 1rem
color: var(--color-foreground-secondary)
border-top: 1px solid var(--color-background-border)
line-height: 1.5
@media (max-width: $content-width)
text-align: center
flex-direction: column-reverse
gap: 0.25rem
.left-details
font-size: var(--font-size--small)
.right-details
display: flex
flex-direction: column
gap: 0.25rem
text-align: right
.icons
display: flex
justify-content: flex-end
gap: 0.5rem
font-size: 1rem
a
text-decoration: none
svg,
img
font-size: 1.75rem
height: 1em
width: 1em
// Next/Prev page information
.related-pages
a
display: flex
align-items: center
text-decoration: none
&:hover .page-info .title
text-decoration: underline
color: var(--color-link)
text-decoration-color: var(--color-link-underline)
svg.furo-related-icon,
svg.furo-related-icon > use
flex-shrink: 0
color: var(--color-foreground-border)
width: 0.75rem
height: 0.75rem
margin: 0 0.5rem
&.next-page
max-width: 50%
float: right
clear: right
text-align: right
&.prev-page
max-width: 50%
float: left
clear: left
svg
transform: rotate(180deg)
.page-info
display: flex
flex-direction: column
overflow-wrap: anywhere
.next-page &
align-items: flex-end
.context
display: flex
align-items: center
padding-bottom: 0.1rem
color: var(--color-foreground-muted)
font-size: var(--font-size--small)
text-decoration: none