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

fix border translation

Browse Source
This commit is contained in:
Adrien MALINGREY
2026-01-12 01:19:21 +01:00
parent 18977dfd1b
commit 8e5b45bf6f
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/stereo.css
View File

@@ -111,7 +111,7 @@ tr.matrix td:not(.mino) {
.minoes-table td { .minoes-table td {
width: var(--cell-side) !important; width: var(--cell-side) !important;
height: var(--cell-side); height: var(--cell-side) !important;
overflow: visible; overflow: visible;
} }
@@ -127,7 +127,7 @@ tr.matrix td:not(.mino) {
--center-x: calc(35% + var(--light-x) * 10%); --center-x: calc(35% + var(--light-x) * 10%);
--center-y: calc(35% + var(--light-y) * 10%); --center-y: calc(35% + var(--light-y) * 10%);
--center-color: hsla(var(--h), var(--s), calc(var(--l) * var(--light) * 1.1), var(--a)); --center-color: hsla(var(--h), var(--s), calc(var(--l) * var(--light) * 1.1), var(--a));
--edge-color: hsla(var(--h), var(--s), calc(var(--l) * (var(--light) * 0.8)), var(--a)); --edge-color: hsla(var(--h), var(--s), calc(var(--l) * (var(--light) * 0.9)), var(--a));
background: radial-gradient( background: radial-gradient(
circle at var(--center-x) var(--center-y), circle at var(--center-x) var(--center-y),
var(--center-color) 10%, var(--center-color) 10%,
@@ -180,7 +180,7 @@ tr.matrix td:not(.mino) {
+ (var(--light-x) * -0.2) + (var(--light-x) * -0.2)
+ (var(--light-y) * 0.15) + (var(--light-y) * 0.15)
); );
transform: translateZ(calc(-1 * var(--cell-side))) rotateY(-90deg); transform: translate3d(-1px, -1px, calc(-1 * var(--cell-side))) rotateY(-90deg);
transform-origin: left; transform-origin: left;
} }
@@ -196,12 +196,12 @@ tr.matrix td:not(.mino) {
--center-x: calc(65% + var(--light-x) * 10%); --center-x: calc(65% + var(--light-x) * 10%);
--center-y: calc(35% + var(--light-y) * 10%); --center-y: calc(35% + var(--light-y) * 10%);
filter: saturate(0.95); filter: saturate(0.95);
transform: translateZ(calc(-1 * var(--cell-side))) rotateY(-90deg); transform: translate3d(0, 1px, calc(-1 * var(--cell-side))) rotateY(-90deg);
transform-origin: left; transform-origin: left;
} }
.right .minoes-table .mino:last-child::before { .right .minoes-table .mino:last-child::before {
transform: translateZ(calc(-1 * var(--cell-side))) rotateY(90deg) !important; transform: translate3d(-1px, -1px, calc(-1 * var(--cell-side))) rotateY(90deg) !important;
transform-origin: right !important; transform-origin: right !important;
} }
@@ -211,7 +211,7 @@ tr.matrix td:not(.mino) {
1.5 1.5
+ (var(--light-y) * 0.2) + (var(--light-y) * 0.2)
); );
transform: translateZ(calc(-1 * var(--cell-side))) rotateX(90deg); transform: translate3d(-1px, -1px, calc(-1 * var(--cell-side))) rotateX(90deg);
transform-origin: top; transform-origin: top;
} }
@@ -224,7 +224,7 @@ tr.matrix td:not(.mino) {
--center-x: calc(65% + var(--light-x) * 10%); --center-x: calc(65% + var(--light-x) * 10%);
--center-y: calc(65% + var(--light-y) * 10%); --center-y: calc(65% + var(--light-y) * 10%);
filter: saturate(0.95); filter: saturate(0.95);
transform: translateZ(calc(-1 * var(--cell-side))) rotateX(-90deg); transform: translate3d(-1px, -1px, calc(-1 * var(--cell-side))) rotateX(-90deg);
transform-origin: bottom; transform-origin: bottom;
} }