2016-11-30 00:50:50 +09:00
|
|
|
mixin grid
|
2016-11-29 12:37:36 +09:00
|
|
|
horizontal-wrap
|
2016-11-29 01:06:00 +09:00
|
|
|
justify-content center
|
|
|
|
|
|
2016-11-30 00:50:50 +09:00
|
|
|
mixin grid-cell
|
2016-11-29 01:06:00 +09:00
|
|
|
position relative
|
|
|
|
|
|
2018-03-22 20:15:21 +01:00
|
|
|
width anime-image-medium-width
|
|
|
|
|
height anime-image-medium-height
|
|
|
|
|
max-width anime-image-medium-width
|
2018-03-22 22:41:45 +01:00
|
|
|
max-height anime-image-medium-height
|
2018-03-27 21:08:26 +02:00
|
|
|
border-radius ui-element-border-radius
|
2016-11-29 01:06:00 +09:00
|
|
|
margin 0.5rem
|
|
|
|
|
|
2018-04-20 11:47:24 +02:00
|
|
|
// If text-shadow is enabled, the whole container will repaint.
|
|
|
|
|
// We need to disable text-shadow to reduce re-painting.
|
|
|
|
|
a
|
|
|
|
|
:hover
|
|
|
|
|
text-shadow none
|
|
|
|
|
|
2016-11-30 00:50:50 +09:00
|
|
|
mixin grid-text
|
|
|
|
|
vertical
|
|
|
|
|
width 100%
|
|
|
|
|
height 100%
|
|
|
|
|
align-items center
|
|
|
|
|
justify-content center
|
|
|
|
|
font-size 1rem
|
|
|
|
|
color rgb(160, 160, 160)
|
2016-11-29 01:06:00 +09:00
|
|
|
|
2016-11-30 00:50:50 +09:00
|
|
|
mixin grid-image
|
2016-11-29 01:06:00 +09:00
|
|
|
width 100%
|
|
|
|
|
height 100%
|
2018-03-27 21:08:26 +02:00
|
|
|
border-radius ui-element-border-radius
|
2016-11-30 00:50:50 +09:00
|
|
|
object-fit cover
|
2017-06-24 17:38:10 +02:00
|
|
|
default-transition
|
2016-11-30 00:50:50 +09:00
|
|
|
|
|
|
|
|
mixin grid-icon
|
|
|
|
|
font-size 2.5rem
|
|
|
|
|
margin-top 2rem
|
|
|
|
|
margin-bottom 0.7rem
|
|
|
|
|
color link-color
|
|
|
|
|
|
|
|
|
|
mixin flip-card
|
|
|
|
|
:hover
|
|
|
|
|
.front
|
|
|
|
|
transform rotateY(180deg)
|
|
|
|
|
opacity 0
|
|
|
|
|
.back
|
|
|
|
|
transform rotateY(0deg)
|
|
|
|
|
opacity 1
|
2016-11-29 01:06:00 +09:00
|
|
|
|
|
|
|
|
.front
|
|
|
|
|
position absolute
|
|
|
|
|
left 0
|
|
|
|
|
top 0
|
|
|
|
|
opacity 1
|
2016-12-01 00:29:36 +09:00
|
|
|
default-transition
|
2016-11-30 21:33:11 +09:00
|
|
|
transform rotateY(0)
|
2016-11-29 01:06:00 +09:00
|
|
|
|
|
|
|
|
.back
|
|
|
|
|
position absolute
|
|
|
|
|
left 0
|
|
|
|
|
top 0
|
|
|
|
|
opacity 0
|
2016-12-01 00:29:36 +09:00
|
|
|
default-transition
|
2016-11-30 00:50:50 +09:00
|
|
|
transform rotateY(180deg)
|
