From 1f723b694cdb6f514f93d804db7b9c28ac45d889 Mon Sep 17 00:00:00 2001 From: RGBCube Date: Sat, 13 Jan 2024 12:22:41 +0300 Subject: [PATCH] Fix gaps --- src/page/cube/cube.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/page/cube/cube.css b/src/page/cube/cube.css index 99c9add..d746179 100644 --- a/src/page/cube/cube.css +++ b/src/page/cube/cube.css @@ -40,7 +40,7 @@ a { position: relative; - transform: translateZ(-2.498em); + transform: translateZ(-calc(2.5em - 1px)); transform-style: preserve-3d; } @@ -57,26 +57,26 @@ a { } .front { - transform: rotateY(0deg) translateZ(2.498em); + transform: rotateY(0deg) translateZ(calc(2.5em - 1px)); } .top { /* Guess what? Yeah, you guessed right. Safari can't render shit. */ - transform: rotateX(89.99999999999999deg) translateZ(2.498em); + transform: rotateX(89.99999999999999deg) translateZ(calc(2.5em - 1px)); } .back { - transform: rotateY(180deg) translateZ(2.498em); + transform: rotateY(180deg) translateZ(calc(2.5em - 1px)); } .bottom { - transform: rotateX(-89.99999999999999deg) translateZ(2.498em); + transform: rotateX(-89.99999999999999deg) translateZ(calc(2.5em - 1px)); } .right { - transform: rotateY(89.99999999999999deg) translateZ(2.498em); + transform: rotateY(89.99999999999999deg) translateZ(calc(2.5em - 1px)); } .left { - transform: rotateY(-89.99999999999999deg) translateZ(2.498em); + transform: rotateY(-89.99999999999999deg) translateZ(calc(2.5em - 1px)); }