1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-14 17:15:18 +01:00
blog/_src/assets/styl/footer.styl

76 lines
1.6 KiB
Stylus
Raw Normal View History

2014-07-12 21:22:47 +02:00
//
// kremalicious3
// --------------
// Footer
//
.footer
@extend .textcenter
background: rgba($brand-dark, .05)
border-top: 1px solid rgba(255,255,255,.7)
box-shadow: inset 0 1px 4px rgba($brand-dark, .2)
.gravatar
margin-bottom: ($line-height-computed/2)
.footer-description
@extend .h5
a
display: block
&,
.footer-description
color: $text-color-light
line-height: $line-height-computed
.footer-copyright
@extend .divider-top
padding-top: $line-height-computed
padding-bottom: $line-height-computed
p
margin-bottom: 0
font-size: $font-size-mini
// Subscribe component
.subscribe
margin: $line-height-computed auto
p
@extend .clearfix, .textcenter
margin: 0
.btn
@extend .textcenter
width: 48px
height: 40px
line-height: 34px
padding: 0
margin: 0
display: inline-block
color: $text-color-light
&:first-child
margin-left: 0
&:last-child
margin-right: 0
&:before
// Icon resets for color animations
transition: color .3s ease-in-out
color: inherit
margin: 0 !important
.subscribe-title
@extend .h5
color: $text-color-dimmed
margin-bottom: ($line-height-computed/2)
.footer:hover .subscribe .rss:before
color: #e15a00
.footer:hover .subscribe .twitter:before
color: #019ad2
.footer:hover .subscribe .google:before
color: #c63b1e
.footer:hover .subscribe .facebook:before
color: #3b5998