adrien/Webtris
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

use css class to draw minoes

Browse Source
This commit is contained in:
Adrien MALINGREY
2019-10-30 18:07:48 +01:00
parent 703638425a
commit 001a0a05b4
2 changed files with 127 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
css/style.css
View File

@ -82,7 +82,7 @@ table {
}
td {
border: 1px solid transparent;
border: 1px outset transparent;
}
#hold {
@ -106,6 +106,73 @@ td {
height: 480px;
}
.invisible-row {
background-color: transparent;
border-color: transparent;
}
.visible-row {
background-color: transparent;
border-color: rgba(128, 128, 128, 0.5);
border-style: inset;
}
.tetromino-I {
background-color: rgb(153, 255, 255);
border-color: white;
}
.tetromino-J {
background-color: rgb(153, 255, 255);
border-color: white;
}
.tetromino-L {
background-color: rgb(255, 204, 153);
border-color: white;
}
.tetromino-O {
background-color: rgb(255, 255, 153);
border-color: white;
}
.tetromino-S {
background-color: rgb(153, 255, 153);
border-color: white;
}
.tetromino-T {
background-color: rgb(204, 153, 255);
border-color: white;
}
.tetromino-Z {
background-color: rgb(255, 153, 153);
border-color: white;
}
.locked-mino {
background-color: white;
border-color: white;
}
.cleared-line {
background-color: white;
border-color: white;
}
.trail {
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
}
.ghost {
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(128, 128, 128, 0.5);
border-style: inset;
}
#stats {
grid-column: 1;
grid-row: 2;