ghost
This commit is contained in:
@@ -21,7 +21,7 @@
|
|||||||
var(--color) 55%,
|
var(--color) 55%,
|
||||||
#00000066 95%
|
#00000066 95%
|
||||||
);
|
);
|
||||||
border: 3px ridge var(--color);
|
border: 4px ridge var(--color);
|
||||||
border-top-color: var(--light);
|
border-top-color: var(--light);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
box-shadow:
|
box-shadow:
|
||||||
@@ -66,7 +66,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ghost {
|
.ghost {
|
||||||
--color: hsl(var(--hue), calc(0.50 * var(--saturation)), 32%);
|
border: 3px solid #fff2;
|
||||||
--light: hsl(var(--hue), calc(0.33 * var(--saturation)), 64%);
|
padding: 2px;
|
||||||
opacity: 35%;
|
background-color: #fff2;
|
||||||
|
background-clip: content-box;
|
||||||
|
background-image: none;
|
||||||
}
|
}
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
:root {
|
:root {
|
||||||
--cell-side: 24px;
|
--cell-side: 25px;
|
||||||
--rX: -15;
|
--rX: -15;
|
||||||
--rY: 0;
|
--rY: 0;
|
||||||
--tZ: 25px;
|
--tZ: 25px;
|
||||||
@@ -95,7 +95,6 @@ td {
|
|||||||
@keyframes trail-animation {
|
@keyframes trail-animation {
|
||||||
from {
|
from {
|
||||||
background-color: #ceffff40;
|
background-color: #ceffff40;
|
||||||
filter: saturate(50%) brightness(300%);
|
|
||||||
}
|
}
|
||||||
to {
|
to {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
@@ -133,7 +132,7 @@ td.trail-animation {
|
|||||||
}
|
}
|
||||||
|
|
||||||
tr.cleared-line-animation {
|
tr.cleared-line-animation {
|
||||||
animation: cleared-line-animation ease-out .15s;
|
animation: cleared-line-animation ease-out .3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
#holdTable .J,
|
#holdTable .J,
|
||||||
|
|||||||
Reference in New Issue
Block a user