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

78 lines
1.5 KiB
Stylus
Raw Normal View History

2014-07-12 21:22:47 +02:00
//
// kremalicious3
// --------------
// Footer
//
2015-08-18 20:55:30 +02:00
.site__footer
2014-07-12 21:22:47 +02:00
@extend .textcenter
2015-08-18 22:45:30 +02:00
padding-top: ($line-height-computed*2)
2014-07-12 21:22:47 +02:00
.gravatar
margin-bottom: ($line-height-computed/2)
&,
.footer-description
color: $text-color-light
line-height: $line-height-computed
2014-08-10 01:02:42 +02:00
.footer-description
@extend .h5
a
display: block
.footer-copyright
@extend .divider-top
padding-top: $line-height-computed
padding-bottom: $line-height-computed
p
margin-bottom: 0
font-size: $font-size-mini
2014-07-12 21:22:47 +02:00
2015-06-08 21:22:09 +02:00
.icon
width: 15px
height: 15px
2014-08-10 01:02:42 +02:00
margin-right: .2em
2015-06-08 21:22:09 +02:00
margin-bottom: -2px
2014-07-12 21:22:47 +02:00
// Subscribe component
.subscribe
margin: $line-height-computed auto
p
2015-08-19 01:37:29 +02:00
@extend .textcenter
2014-07-12 21:22:47 +02:00
margin: 0
.btn
@extend .textcenter
width: 48px
padding: $padding-small-vertical
2014-07-12 21:22:47 +02:00
margin: 0
display: inline-block
color: $text-color-light
&:first-child
margin-left: 0
&:last-child
margin-right: 0
2015-06-08 21:22:09 +02:00
.icon
2014-07-12 21:22:47 +02:00
transition: color .3s ease-in-out
2015-06-08 21:22:09 +02:00
display: block
margin: 0 auto
.rss:hover .icon
fill: #e15a00
.twitter:hover .icon
fill: #019ad2
.google:hover .icon
fill: #c63b1e
.facebook:hover .icon
fill: #3b5998
2014-07-12 21:22:47 +02:00
.subscribe-title
@extend .h5
color: $text-color-dimmed
margin-bottom: ($line-height-computed/2)