2016-11-09 11:32:19 +00:00
|
|
|
avatarSize = 50px
|
|
|
|
|
|
|
|
|
|
.user-list
|
|
|
|
|
width 100%
|
|
|
|
|
display flex
|
|
|
|
|
flex-flow row wrap
|
|
|
|
|
|
|
|
|
|
.user
|
|
|
|
|
display block
|
|
|
|
|
transform scale(1.0)
|
|
|
|
|
width avatarSize
|
|
|
|
|
height avatarSize
|
|
|
|
|
border-radius 100%
|
|
|
|
|
margin 0.2em
|
|
|
|
|
&:hover
|
|
|
|
|
.user-image
|
2016-11-19 18:02:33 +00:00
|
|
|
box-shadow outlineShadowHeavy
|
2016-11-09 11:32:19 +00:00
|
|
|
|
|
|
|
|
.user-image
|
|
|
|
|
opacity 0
|
|
|
|
|
transition all 250ms ease
|
|
|
|
|
border-radius 100%
|
|
|
|
|
margin 0 !important
|
|
|
|
|
width avatarSize
|
|
|
|
|
height avatarSize
|
|
|
|
|
object-fit cover
|
|
|
|
|
|
|
|
|
|
svg.user-image
|
2016-11-19 19:07:10 +00:00
|
|
|
circle.body, circle.head
|
|
|
|
|
fill textColor
|
2016-11-09 11:32:19 +00:00
|
|
|
text
|
|
|
|
|
fill white
|
|
|
|
|
font-size 0.65rem
|
