2017-07-13 05:53:36 +00:00
|
|
|
.characters
|
|
|
|
|
horizontal-wrap
|
|
|
|
|
|
|
|
|
|
.character
|
|
|
|
|
vertical
|
|
|
|
|
align-items center
|
|
|
|
|
margin 0.5rem
|
2017-07-13 06:02:41 +00:00
|
|
|
default-transition
|
|
|
|
|
transform scale(1)
|
2017-07-13 05:53:36 +00:00
|
|
|
|
|
|
|
|
:hover
|
2017-07-13 06:02:41 +00:00
|
|
|
transform scale(1.05)
|
|
|
|
|
|
2017-07-13 07:22:32 +00:00
|
|
|
// .character-name
|
|
|
|
|
// opacity 1
|
2017-07-13 05:53:36 +00:00
|
|
|
|
|
|
|
|
.character-image
|
|
|
|
|
border-radius 3px
|
2017-07-13 06:23:20 +00:00
|
|
|
box-shadow shadow-medium
|
2017-07-13 05:53:36 +00:00
|
|
|
object-fit cover
|
|
|
|
|
|
2017-07-13 07:22:32 +00:00
|
|
|
// .character-name
|
|
|
|
|
// font-size 0.75rem
|
|
|
|
|
// color text-color
|
|
|
|
|
// opacity 0.5
|
|
|
|
|
// transition opacity transition-speed ease
|
2017-07-13 05:53:36 +00:00
|
|
|
|
|
|
|
|
.character-image
|
|
|
|
|
width 112px
|
2017-11-04 07:45:39 +00:00
|
|
|
height 112px
|
|
|
|
|
border-radius 10%
|
