Authored by 2586703@qq.com

article-author 样式调整

... ... @@ -2,24 +2,33 @@
$pxConvertRem : 40;
.article-author {
border-bottom: 1px solid #b0b0b0;
height: 88rem / $pxConvertRem;
line-height: 88rem / $pxConvertRem;
border-bottom: 1px solid #e0e0e0;
> * {
margin-left: 30rem / $pxConvertRem;
}
.avatar {
float: left;
position: relative;
top: 50%;
margin-top: -25rem / $pxConvertRem;
width: 50rem / $pxConvertRem;
height: 50rem / $pxConvertRem;
vertical-align: middle;
@include border-radius(50rem / $pxConvertRem);
}
.name {
float: left;
font-size: 28rem / $pxConvertRem;
color: #000;
}
.intro {
float: left;
font-size: 28rem / $pxConvertRem;
color: #b0b0b0;
}
... ...
{{# author}}
<div class="article-author partial">
<div class="article-author partial clearfix">
<img class="avatar" src="{{avatar}}">
<span class="name">{{name}}</span>
<span class="intro">{{intro}}</span>
... ...