2016-12-01 00:29:36 +09:00

67 lines
908 B
Plaintext

mixin grid
horizontal-wrap
justify-content center
mixin grid-cell
position relative
width 16vw
height 9vw
min-width 90px
min-height 127px
max-width 200px
max-height 282px
border-radius 3px
background-size cover
background-position 50% 50%
margin 0.5rem
scale-up
mixin grid-text
vertical
width 100%
height 100%
align-items center
justify-content center
font-size 1rem
color rgb(160, 160, 160)
mixin grid-image
width 100%
height 100%
border-radius 3px
object-fit cover
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
default-transition
transform rotateY(0)
.back
position absolute
left 0
top 0
opacity 0
default-transition
transform rotateY(180deg)