Add GitHub sponsor button

This commit is contained in:
Jeremy Thomas
2019-10-05 17:53:41 +01:00
parent 0bf63dc5c5
commit 90d5925dff
15 changed files with 200 additions and 56 deletions

View File

@@ -60,7 +60,7 @@
+tablet
.bd-footer-donation
width: 240px
padding: 0.75rem 1.5rem
.bd-footer-donation-title
color: $grey-light
@@ -71,6 +71,11 @@
.bd-footer-donation-action
@extend %center
height: 70px
.bd-github-button
margin-right: 0.5rem
.bd-github-button,
.bd-patreon-button
flex-shrink: 0
.paypal-form
height: 30px
img

View File

@@ -37,6 +37,30 @@ svg
p:first-child
margin-right: 1em
.bd-github-button
background-color: #eff3f6
background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%)
border-color: #1b1f2333
color: #24292e
font-size: 0.875rem
height: auto
padding: calc(0.5em - 1px) 1em
position: relative
strong
font-weight: $weight-semibold
margin-top: -2px
.icon
color: #ea4aaa
.tag
font-size: 0.5rem
font-style: normal
margin: -1px -8px 0 7px
&:hover
background-color: #e6ebf1
background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%)
background-position: -.5em
border-color: #1b1f2359
.bd-patreon-button
display: inline-block
position: relative
@@ -135,3 +159,13 @@ $carbon-poweredby-height: 20px
right: 0
&:hover
text-decoration: underline
+until($widescreen)
#navMenuLove .bd-navbar-item-backers
display: none
+widescreen
#moreDropdown
.navbar-item:first-child,
.navbar-divider:nth-child(2)
display: none

View File

@@ -165,19 +165,21 @@
transition-duration: $speed
transition-property: transform
.tag.bd-mini-tag
border-radius: 2px !important
font-family: Verdana, sans-serif
font-size: 0.5rem
font-weight: bold
height: 2.25em
vertical-align: text-bottom
.bd-category-name
color: $text-strong
position: relative
&.is-active
color: $link
.tag
border-radius: 2px
font-family: Verdana
font-size: 0.5rem
font-weight: bold
height: 2.25em
.bd-mini-tag
margin-left: 0.5em
vertical-align: text-bottom
.bd-category-list
@extend %bd-list