1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-15 09:35:21 +01:00
blog/_src/_assets/styl/_kremalicious/footer.styl

93 lines
1.6 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
2016-10-03 23:36:15 +02:00
a
@extend .link--nounderline
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
2016-10-03 23:36:15 +02:00
@extend .textcenter, .link--nounderline
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
2017-05-28 22:06:41 +02:00
.json:hover .icon
fill: #8BE028
2015-06-08 21:22:09 +02:00
.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
2016-05-25 23:03:36 +02:00
@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