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

2
index.html
View File

@ -136,7 +136,7 @@
</div> </div>
<div class="col"> <div class="col">
<div class="card"> <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> <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>