hexo-theme-ayer/source-src/css/_partial/footer.styl

50 lines
1.2 KiB
Stylus
Raw Normal View History

2020-04-15 14:17:11 +00:00
@keyframes footerHeartBeat
0%
transform: scale(1)
50%
transform: scale(1.2)
100%
transform: scale(1)
2019-12-03 11:37:44 +00:00
.footer
2020-02-07 07:12:49 +00:00
border-top 2px solid #f6f6f6
2019-12-03 11:37:44 +00:00
padding 3rem 0
2020-04-15 14:17:11 +00:00
font-size 115%
2019-12-03 11:37:44 +00:00
.outer
&>ul
position relative
display flex
2020-04-15 14:17:11 +00:00
justify-content center
2019-12-03 11:37:44 +00:00
li
display inline-block
2020-04-15 14:17:11 +00:00
padding .3rem 0
2020-02-07 07:12:49 +00:00
a
text-decoration none
2020-04-15 14:17:11 +00:00
.division
display inline
margin 0 5px
i
margin 0 2px
font-style normal
transform translateY(2px)
2019-12-03 11:37:44 +00:00
span
2020-04-15 14:17:11 +00:00
margin-right 6px
.heart_icon
display: inline-block;
margin: 0 0.4rem;
font-size: 1em;
color: #f00;
-webkit-animation: footerHeartBeat 1.2s infinite;
-moz-animation: footerHeartBeat 1.2s infinite;
-o-animation: footerHeartBeat 1.2s infinite;
-ms-animation: footerHeartBeat 1.2s infinite;
animation: footerHeartBeat 1.2s infinite;
animation-duration: 1.2s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: footerHeartBeat;