remove some useless svg groups

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

diff --git a/resources/sass/map.scss b/resources/sass/map.scss
index 95d645ad178a01868d4d85d04fa156a128825be5..8b80adaf54626d71cd55e944820bebd70b7003b4 100644 (file)
--- a/resources/sass/map.scss
+++ b/resources/sass/map.scss
@@ -2,9 +2,13 @@
        path {
                fill: red;
                stroke: black;
-               stroke-width: 2px;
+               stroke-width: 1px;
                vector-effect: non-scaling-stroke;
        }
+       > a .zelda-icon {
+               height: 1em;
+               width: 1em;
+       }
 }
 
 .map-popover {
@@ -15,4 +19,115 @@
        &.hidden {
                display: none;
        }
+
+       .tech-title-icons {
+               margin-right: 1ex;
+       }
+}
+
+.pin-list {
+       margin: 1em 0;
+       padding: 0;
+       list-style: none;
+
+       li {
+               margin: 1ex 0;
+               padding: 1ex;
+               border-top: thin solid silver;
+       }
+
+       h2 > a, h3 > a {
+               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;
+       }
 }