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