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

80 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
border-top: 1px solid rgba(255,255,255,.7)
2015-08-09 18:11:26 +02:00
box-shadow: inset 0 1px 4px alpha($brand-dark, .2)
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)