2019-08-27 00:39:35 +00:00
|
|
|
const user-card-padding = 1rem
|
|
|
|
|
|
|
|
.user-cards
|
|
|
|
horizontal-wrap
|
|
|
|
justify-content center
|
|
|
|
|
|
|
|
.user-card
|
|
|
|
horizontal
|
|
|
|
ui-element
|
|
|
|
padding user-card-padding
|
|
|
|
margin 0.4rem
|
|
|
|
width 100%
|
|
|
|
box-shadow shadow-light
|
|
|
|
|
|
|
|
:hover
|
|
|
|
box-shadow shadow-medium
|
|
|
|
|
2019-08-27 01:09:55 +00:00
|
|
|
> 600px
|
2019-08-27 00:39:35 +00:00
|
|
|
.user-card
|
2019-08-27 01:09:55 +00:00
|
|
|
max-width 200px
|
2019-08-27 00:39:35 +00:00
|
|
|
|
|
|
|
.user-card-avatar
|
|
|
|
.user-image
|
|
|
|
border-radius ui-element-border-radius
|
|
|
|
box-shadow none
|
|
|
|
|
|
|
|
.user-card-info
|
|
|
|
vertical
|
|
|
|
margin-left user-card-padding
|
|
|
|
overflow hidden
|
|
|
|
|
|
|
|
.user-card-nick
|
|
|
|
clip-long-text
|
|
|
|
|
|
|
|
.user-card-note
|
|
|
|
color text-color
|
|
|
|
text-shadow none
|
|
|
|
opacity 0.5
|