Fix: Well done, riot

This commit is contained in:
syuilo 2017-01-31 01:02:02 +09:00
parent b3b1221dd1
commit 83fa592acb
1 changed files with 53 additions and 58 deletions

View File

@ -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>