66 lines
1010 B
Plaintext
Raw Normal View History

2016-11-29 15:50:50 +00:00
mixin grid
2016-11-29 03:37:36 +00:00
horizontal-wrap
justify-content center
2016-11-29 15:50:50 +00:00
mixin grid-cell
position relative
2018-03-22 19:15:21 +00:00
width anime-image-medium-width
height anime-image-medium-height
max-width anime-image-medium-width
2018-03-22 21:41:45 +00:00
max-height anime-image-medium-height
2017-11-11 22:19:31 +00:00
// min-width 90px
// min-height 127px
border-radius 3px
2017-11-11 22:19:31 +00:00
// background-size cover
// background-position 50% 50%
margin 0.5rem
2016-11-29 15:50:50 +00: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 15:50:50 +00:00
mixin grid-image
width 100%
height 100%
2016-11-29 15:50:50 +00:00
border-radius 3px
object-fit cover
2017-06-24 15:38:10 +00:00
default-transition
2016-11-29 15:50:50 +00: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
.front
position absolute
left 0
top 0
opacity 1
2016-11-30 15:29:36 +00:00
default-transition
2016-11-30 12:33:11 +00:00
transform rotateY(0)
.back
position absolute
left 0
top 0
opacity 0
2016-11-30 15:29:36 +00:00
default-transition
2016-11-29 15:50:50 +00:00
transform rotateY(180deg)