UW grid overlay

[alttp.git] / resources / sass / map.scss

diff --git a/resources/sass/map.scss b/resources/sass/map.scss
index 38376a1b4429b47363036a5a802e08dfde1a8e7d..3f8ae067d65ed629b4e6157ef051c07074ae4804 100644 (file)
--- a/resources/sass/map.scss
+++ b/resources/sass/map.scss
@@ -32,3 +32,94 @@
                text-decoration: none;
        }
 }
+
+.uw-super-tiles {
+       display: grid;
+       height: 100%;
+       grid-template-columns: repeat(16, 1fr);
+
+       > div {
+               position: relative;
+               border: thin solid black;
+               padding: .25ex;
+
+               &.dark {
+                       border: medium solid black;
+               }
+               &.kick {
+                       border: medium solid yellow;
+               }
+               &.weak-eg {
+                       border: medium solid orange;
+               }
+               &.strong-eg {
+                       border: medium solid green;
+               }
+
+               &::before,
+               &::after {
+                       position: absolute;
+                       top: 0;
+                       left: 0;
+                       width: 100%;
+                       height: 100%;
+                       pointer-events: none;
+               }
+
+               &.cam-x::before {
+                       content: '';
+                       height: 50%;
+                       border-bottom: thin solid cyan;
+               }
+               &.cam-xl::before {
+                       content: '';
+                       position: absolute;
+                       width: 50%;
+                       height: 50%;
+                       border-bottom: thin solid cyan;
+               }
+               &.cam-xr::before {
+                       content: '';
+                       position: absolute;
+                       left: 50%;
+                       width: 50%;
+                       height: 50%;
+                       border-bottom: thin solid cyan;
+               }
+               &.cam-y::after {
+                       content: '';
+                       position: absolute;
+                       width: 50%;
+                       border-right: thin solid cyan;
+               }
+               &.cam-yu::after {
+                       content: '';
+                       position: absolute;
+                       width: 50%;
+                       height: 50%;
+                       border-right: thin solid cyan;
+               }
+               &.cam-yd::after {
+                       content: '';
+                       position: absolute;
+                       top: 50%;
+                       width: 50%;
+                       height: 50%;
+                       border-right: thin solid cyan;
+               }
+       }
+
+       .cell-id,
+       .cell-drop {
+               margin: 0;
+               line-height: 1;
+       }
+       .cell-drop {
+               font-size: 80%;
+       }
+       .cell-link {
+               color: inherit;
+               cursor: pointer;
+               text-decoration: none;
+       }
+}