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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
|
svg
max-height: 100%
max-width: 100%
.bd-notice
background-color: $primary
color: $primary-invert
padding: 1em
text-align: center
.bd-notice-body
align-items: center
display: flex
justify-content: center
a,
strong
color: currentColor
a
border-bottom: 1px solid rgba($scheme-main, 0.5)
padding-bottom: 2px
&:hover
border-bottom-color: $scheme-main
span
margin: 0 0.25em
opacity: 0.5
+mobile
.bd-notice
font-size: 0.75rem
.bd-notice-body
flex-wrap: wrap
p:first-child
width: 100%
+tablet
.bd-notice-body
p:first-child
margin-right: 1em
$github-pink: #ea4aaa
.bd-github-button
background-color: $github-pink
// background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%)
border-color: $github-pink !important
// color: #24292e
color: #fff
font-size: 0.875rem
height: auto
padding: calc(0.5em - 1px) 1em
position: relative
strong
font-weight: $weight-semibold
margin-top: -2px
.icon
color: inherit
.tag
font-size: 0.5rem
font-style: normal
margin: -1px -8px 0 7px
&:hover,
&:focus
background-color: darken($github-pink, 5%)
&:active
background-color: darken($github-pink, 10%)
&:hover,
&:focus,
&:active
color: #fff
// background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%)
// background-position: -.5em
// border-color: #1b1f2359
.bd-patreon-button
display: inline-block
position: relative
vertical-align: top
img
border-radius: $radius
display: block
max-height: none !important
&:hover
&::after
+overlay
background-color: rgba(#000, 0.05)
border-radius: $radius
content: ""
display: block
$carbon-spacing: 1rem
$carbon-shadow-size: 0.75rem
$carbon-image-height: 100px
$carbon-image-width: 130px
$carbon-poweredby-height: 20px
#carboncontainer
align-items: center
display: flex
justify-content: center
margin-left: auto
margin-right: auto
max-width: $carbon-width
min-height: $carbon-height + $carbon-poweredby-height
min-width: 280px
#carbon
flex-grow: 1
min-height: $carbon-height
padding: 0
position: relative
&:hover
background-color: $scheme-main
box-shadow: 0 0 0 $carbon-shadow-size $scheme-main
+tablet
width: $carbon-width
#carbonads
font-size: 14px
text-align: left
a,
span
display: block
.carbon-wrap
min-height: $carbon-height
position: relative
&:hover
.carbon-img::after
background-color: rgba(#000, 0.05)
content: ""
display: block
height: $carbon-height
left: 0
position: absolute
right: $carbon-spacing
top: 0
.carbon-img
bottom: 0
float: left
left: 0
min-height: $carbon-height
padding: 0
position: absolute
top: 0
width: calc(#{$carbon-image-width} + #{$carbon-spacing})
img
display: block
height: $carbon-image-height
width: $carbon-image-width
&:hover
& + .carbon-text
color: $link
&:active
opacity: 0.8
.carbon-text
display: block
color: $text-strong
line-height: 20px
min-height: $carbon-height
padding: 0 0 $carbon-poweredby-height calc(#{$carbon-image-width} + #{$carbon-spacing})
&:hover
color: $link
.carbon-poweredby
bottom: 0
color: $border-hover
display: inline
font-size: $size-small
line-height: $carbon-poweredby-height
position: absolute
right: 0
&:hover
text-decoration: underline
+until($fullhd)
.bd-navbar-icon
display: none
+until($widescreen)
.bd-navbar .bd-navbar-item-backers
display: none
+widescreen
#moreDropdown
.navbar-item:first-child,
.navbar-divider:nth-child(2)
display: none
|
