left face on first then right face
This commit is contained in:
@@ -22,7 +22,7 @@ body {
|
|||||||
|
|
||||||
.modal-content {
|
.modal-content {
|
||||||
background-color: #2125294d;
|
background-color: #2125294d;
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(15px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -103,7 +103,6 @@ tr.matrix td:not(.mino) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mino::before,
|
.mino::before,
|
||||||
.mino + ::before,
|
|
||||||
.mino::after {
|
.mino::after {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -115,13 +114,13 @@ tr.matrix td:not(.mino) {
|
|||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mino::before {
|
:not(.mino) + .mino::before {
|
||||||
background: var(--light-color);
|
background: var(--light-color);
|
||||||
transform: translateZ(calc(-1 * var(--cell-side))) rotateY(-90deg);
|
transform: translateZ(calc(-1 * var(--cell-side))) rotateY(-90deg);
|
||||||
transform-origin: left;
|
transform-origin: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mino + *::before {
|
.mino::before {
|
||||||
background: var(--dark-color);
|
background: var(--dark-color);
|
||||||
transform: translateZ(calc(-1 * var(--cell-side))) rotateY(90deg);
|
transform: translateZ(calc(-1 * var(--cell-side))) rotateY(90deg);
|
||||||
transform-origin: right;
|
transform-origin: right;
|
||||||
|
|||||||
Reference in New Issue
Block a user