markdown-it-tetris demo
In order to show this:
You can write this in markdown:
tetris{
t
ttti
ssizz
oo sslijzz
oo lllijjj
}
With those css:
.tetris{
border: 1px solid #eeeeee;
display: inline-block;
font-size: 0px;
}
.tetris span{
display: inline-block;
width: 20px;
height: 20px;
}
.tetris-t{
background-color: rgb(142, 0, 207);
}
.tetris-s{
background-color: #f00;
}
.tetris-i{
background-color: rgb(0, 197, 197);
}
.tetris-z{
background-color: rgb(17, 146, 0);
}
.tetris-o{
background-color: rgb(255, 238, 0);
}
.tetris-l{
background-color: rgb(0, 17, 255);
}
.tetris-j{
background-color: rgb(255, 123, 0);
}
last updated at 2019/4/5 21:16