1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-12-24 02:06:17 +01:00
blog/_src/_assets/styl/_kremalicious/footer.styl

93 lines
1.6 KiB
Stylus

//
// kremalicious3
// --------------
// Footer
//
.site__footer
@extend .textcenter
padding-top: ($spacer*2)
.gravatar
margin-bottom: ($spacer/2)
&,
.footer-description
color: $text-color-light
line-height: $spacer
a
@extend .link--nounderline
.footer-description
@extend .h5
a
display: block
.footer-copyright
@extend .divider-top
padding-top: $spacer
padding-bottom: $spacer
p
margin-bottom: 0
font-size: $font-size-mini
.icon
width: 15px
height: 15px
margin-right: .2em
margin-bottom: -2px
// Subscribe component
.subscribe
margin: $spacer auto
p
@extend .textcenter
margin: 0
.link
@extend .textcenter, .link--nounderline
width: 42px
padding: $padding-small-vertical
margin: 0
display: inline-block
color: $text-color-light
&:first-child
margin-left: 0
&:last-child
margin-right: 0
.icon
transition: color .3s ease-in-out
display: block
margin: 0 auto
.rss:hover .icon
fill: #e15a00
.json:hover .icon
fill: #8BE028
.twitter:hover .icon
fill: #019ad2
.google:hover .icon
fill: #c63b1e
.facebook:hover .icon
fill: #3b5998
.subscribe-title
@extend .h5, .text-dimmed
margin-bottom: ($spacer/2)
.footer__btc
margin-left: ($spacer / 2)
.icon
width: 10px
margin-right: 0
code
font-size: .55rem
background: none
color: $link-color
padding: 0