Fix: Well done, riot
This commit is contained in:
parent
b3b1221dd1
commit
83fa592acb
1 changed files with 53 additions and 58 deletions
|
@ -31,74 +31,69 @@
|
||||||
border-radius 4px
|
border-radius 4px
|
||||||
overflow hidden
|
overflow hidden
|
||||||
|
|
||||||
// https://github.com/riot/riot/issues/2081
|
> .banner
|
||||||
> virtual
|
height 84px
|
||||||
|
background-color #f5f5f5
|
||||||
|
background-size cover
|
||||||
|
background-position center
|
||||||
|
|
||||||
|
> .avatar
|
||||||
display block
|
display block
|
||||||
position relative
|
position absolute
|
||||||
|
top 62px
|
||||||
|
left 13px
|
||||||
|
|
||||||
> .banner
|
> img
|
||||||
height 84px
|
|
||||||
background-color #f5f5f5
|
|
||||||
background-size cover
|
|
||||||
background-position center
|
|
||||||
|
|
||||||
> .avatar
|
|
||||||
display block
|
display block
|
||||||
position absolute
|
width 58px
|
||||||
top 62px
|
height 58px
|
||||||
left 13px
|
margin 0
|
||||||
|
border solid 3px #fff
|
||||||
|
border-radius 8px
|
||||||
|
|
||||||
> img
|
> .title
|
||||||
display block
|
display block
|
||||||
width 58px
|
padding 8px 0 8px 85px
|
||||||
height 58px
|
|
||||||
margin 0
|
|
||||||
border solid 3px #fff
|
|
||||||
border-radius 8px
|
|
||||||
|
|
||||||
> .title
|
> .name
|
||||||
display block
|
display block
|
||||||
padding 8px 0 8px 85px
|
margin 0
|
||||||
|
font-weight bold
|
||||||
|
line-height 16px
|
||||||
|
color #656565
|
||||||
|
|
||||||
> .name
|
> .username
|
||||||
display block
|
display block
|
||||||
|
margin 0
|
||||||
|
line-height 16px
|
||||||
|
font-size 0.8em
|
||||||
|
color #999
|
||||||
|
|
||||||
|
> .bio
|
||||||
|
padding 0 16px
|
||||||
|
font-size 0.7em
|
||||||
|
color #555
|
||||||
|
|
||||||
|
> .status
|
||||||
|
padding 8px 16px
|
||||||
|
|
||||||
|
> div
|
||||||
|
display inline-block
|
||||||
|
width 33%
|
||||||
|
|
||||||
|
> p
|
||||||
margin 0
|
margin 0
|
||||||
font-weight bold
|
font-size 0.7em
|
||||||
line-height 16px
|
color #aaa
|
||||||
color #656565
|
|
||||||
|
|
||||||
> .username
|
> a
|
||||||
display block
|
font-size 1em
|
||||||
margin 0
|
color $theme-color
|
||||||
line-height 16px
|
|
||||||
font-size 0.8em
|
|
||||||
color #999
|
|
||||||
|
|
||||||
> .bio
|
> mk-follow-button
|
||||||
padding 0 16px
|
position absolute
|
||||||
font-size 0.7em
|
top 92px
|
||||||
color #555
|
right 8px
|
||||||
|
|
||||||
> .status
|
|
||||||
padding 8px 16px
|
|
||||||
|
|
||||||
> div
|
|
||||||
display inline-block
|
|
||||||
width 33%
|
|
||||||
|
|
||||||
> p
|
|
||||||
margin 0
|
|
||||||
font-size 0.7em
|
|
||||||
color #aaa
|
|
||||||
|
|
||||||
> a
|
|
||||||
font-size 1em
|
|
||||||
color $theme-color
|
|
||||||
|
|
||||||
> mk-follow-button
|
|
||||||
position absolute
|
|
||||||
top 92px
|
|
||||||
right 8px
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
|
|
Loading…
Reference in a new issue