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

78 lines
1.4 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
padding-top: ($spacer*2)
2014-07-12 21:22:47 +02:00
.gravatar
margin-bottom: ($spacer/2)
2014-07-12 21:22:47 +02:00
&,
.footer-description
color: $text-color-light
line-height: $spacer
2014-07-12 21:22:47 +02:00
2014-08-10 01:02:42 +02:00
.footer-description
@extend .h5
a
display: block
.footer-copyright
@extend .divider-top
padding-top: $spacer
padding-bottom: $spacer
2014-08-10 01:02:42 +02:00
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: $spacer auto
2014-07-12 21:22:47 +02:00
p
2015-08-19 01:37:29 +02:00
@extend .textcenter
2014-07-12 21:22:47 +02:00
margin: 0
2016-04-16 19:09:30 +02:00
.link
2014-07-12 21:22:47 +02:00
@extend .textcenter
2016-04-16 19:09:30 +02:00
width: 42px
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: ($spacer/2)