样式布局优化
This commit is contained in:
@@ -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;
|
||||
}
|
||||
@@ -98,6 +98,9 @@
|
||||
-webkit-box-pack: center;
|
||||
-webkit-box-align: center;
|
||||
text-align: center;
|
||||
&:hover {
|
||||
@extend %picRotate;
|
||||
}
|
||||
img{
|
||||
border-radius: 300px;
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user