adrien/quatuor
adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

simplify css

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-04-24 20:45:41 +02:00
parent 9b45c106cc
commit e924ad101a
2 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/common.css
View File

@ -1,5 +1,5 @@
:root {
--cell-side: 20px;
--cell-side: 24px;
}
body {
@ -26,7 +26,7 @@ body {
}
#matrixTable {
margin-top: calc(-1 * var(--buffer-zoneed-rows) * var(--cell-side));
margin-top: calc(-1 * var(--buffer-zone-rows) * var(--cell-side));
}
@keyframes hard-dropped-table-animation {
@ -47,18 +47,16 @@ body {
tr.buffer-zone td:not(.mino) {
border-width: 0;
padding: 4px;
}
tr.matrix td:not(.mino) {
border: 1px solid #333;
padding: 3px;
}
td {
overflow: hidden;
width: calc(var(--cell-side) + 4px);
height: calc(var(--cell-side) + 4px);
width: var(--cell-side);
height: var(--cell-side);
}
@keyframes hard-drop-animation {

2
index.html
View File

@ -136,7 +136,7 @@
</div>
<div class="col">
<div class="card">
<table id="matrixTable" class="minoes-table" style="--buffer-zoneed-rows: 6">
<table id="matrixTable" class="minoes-table" style="--buffer-zone-rows: 5">
<tr class="buffer-zone"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr class="buffer-zone"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr class="buffer-zone"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>