2018-10-31 00:33:56 +00:00
|
|
|
.profile-tags-container
|
|
|
|
// ...
|
|
|
|
|
|
|
|
.profile-tags
|
|
|
|
horizontal-wrap
|
|
|
|
justify-content center
|
|
|
|
margin-bottom typography-margin
|
|
|
|
margin-top content-padding
|
|
|
|
|
|
|
|
.profile-tag
|
|
|
|
default-transition
|
|
|
|
padding 0.25rem 0.75rem
|
|
|
|
font-size 85%
|
|
|
|
color hsl(0, 0%, 90%)
|
|
|
|
background rgba(255, 255, 255, 0.1)
|
|
|
|
border-radius ui-element-border-radius
|
|
|
|
margin 0.35rem
|
2018-11-14 12:16:29 +00:00
|
|
|
display flex
|
|
|
|
justify-content center
|
|
|
|
align-items center
|
2018-10-31 00:33:56 +00:00
|
|
|
|
|
|
|
&.mounted
|
|
|
|
opacity 0.8
|
|
|
|
|
2018-11-14 12:16:29 +00:00
|
|
|
&.action
|
|
|
|
cursor pointer
|
|
|
|
|
2018-10-31 00:33:56 +00:00
|
|
|
:hover
|
|
|
|
color hsl(0, 0%, 90%)
|
|
|
|
opacity 1.0
|
|
|
|
background rgba(255, 255, 255, 0.2)
|
|
|
|
|
2018-11-14 12:16:29 +00:00
|
|
|
.show-more
|
|
|
|
&.mounted
|
|
|
|
display none
|
|
|
|
opacity 0
|
|
|
|
|
2018-10-31 00:33:56 +00:00
|
|
|
> 800px
|
|
|
|
.profile-tags
|
|
|
|
justify-content flex-start
|
|
|
|
margin-bottom 0
|
|
|
|
|
|
|
|
.profile-tags-container
|
|
|
|
vertical
|
|
|
|
flex 1
|
|
|
|
justify-content flex-end
|
|
|
|
align-items flex-end
|