样式布局优化

This commit is contained in:
结发受长生
2018-06-29 16:39:12 +08:00
parent 8757f4604a
commit fffaf2d9d6
8 changed files with 34 additions and 20 deletions
+11 -2
View File
@@ -1,6 +1,6 @@
.article-inner {
p {
margin: 0 0 1.75em;
margin: 0 0 1.75em;
}
}
@@ -65,13 +65,22 @@
}
.article-inner h1:first-child{
margin-bottom: 10px;
display: inline;
}
.article-entry{
line-height: 1.8em;
padding-right: 7.6923%;
padding-left: 7.6923%;
.post-count {
color: rgb(185, 185, 185);
font-size: 14px;
.count-item {
display: inline-block;
span {
font-weight: bold;
}
}
}
p{
margin-top: 10px;
}
@@ -375,4 +375,16 @@
animation-duration: .8s;
animation-fill-mode: both;
animation-name: smallleftOut;
}
// 头像旋转动画
@keyframes profilepic {
0% {
transform: rotate(360deg);
}
100% {
transform: rotate(0deg);
}
}
%picRotate {
animation: profilepic 5s linear infinite;
}
+3
View File
@@ -98,6 +98,9 @@
-webkit-box-pack: center;
-webkit-box-align: center;
text-align: center;
&:hover {
@extend %picRotate;
}
img{
border-radius: 300px;
width: 100%;
File diff suppressed because one or more lines are too long