round

css/electro.css

@@ -1,14 +1,14 @@
 body {
-    background-image: url("electro/bg.jpg");
+    background-image: url('electro/bg.jpg');
     background-size: cover;
 }
 
-body[data-bs-theme="dark"] {
-    --bs-body-bg: #2125296b;
+body[data-bs-theme='dark'] {
+  --bs-body-bg: #2125296b;
 }
 
 .btn-dark {
-    --bs-btn-bg: #2125296b;
+  --bs-btn-bg: #2125296b;
 }
 
 .card {
@@ -16,7 +16,7 @@ body[data-bs-theme="dark"] {
 }
 
 tr.matrix td:not(.mino) {
-    border-left  : none;
+    border-left: none;
     border-bottom: none;
 }
 
@@ -30,29 +30,30 @@ tr.matrix td:not(.mino) {
 }
 
 .mino:not(.ghost):not(.locking):before {
-    content: "";
+    content: '';
     position: absolute;
     z-index: -1;
     inset: 0;
     margin: 1px 1px 0px 0px;
     padding: 2px;
     border-radius: 4px;
-    --glint-x: calc(50% + 50% * (var(--piece-column) - var(--column))/10);
-    --glint-y: calc(50% + 50% * (var(--piece-row) - var(--row))/25);
+  --glint-x: calc(50% + 50% * (var(--piece-column) - var(--column)) / 10);
+  --glint-y: calc(50% + 50% * (var(--piece-row) - var(--row)) / 25);
     background: radial-gradient(
         at var(--glint-x) var(--glint-y),
-        rgba(204, 238, 247, 0.9)   0%,
-        rgba(10, 159, 218, 0.9) 150%);
-    mask: 
-       linear-gradient(#666 0 0) content-box, 
-       linear-gradient(#fff 0 0);
+        rgba(204, 238, 247, 0.9) 0%,
+        rgba(10, 159, 218, 0.9) 150%
+    );
+    mask:
+        linear-gradient(#666 0 0) content-box,
+        linear-gradient(#fff 0 0);
     mask-mode: luminance;
     mask-composite: intersect;
 }
 
 .ghost.mino {
     background: rgba(242, 255, 255, 10%);
-    border : 2px solid rgba(255, 255, 255, 0.3);
+    border: 2px solid rgba(255, 255, 255, 0.3);
     border-radius: 3px;
     box-shadow: 0px 0px 10px rgba(242, 255, 255, 75%);
 }