browser: replace remaining smart-match operator
[sheet.git] / style / _dark.scss
index e92f0f9ca16d4317f635d301bf4a482def1372e9..a1bfdfd5dd3573e609d4d9f685d84a82dc0000ca 100644 (file)
@@ -35,20 +35,23 @@ th, td {
        border-color: #555;
        background: #222;
 }
        border-color: #555;
        background: #222;
 }
-.mapped tbody, .mapped colgroup,
-.dimap tbody, .dimap colgroup {
-       border-color: #665;
+.mapped, .dimap {
+       tbody, colgroup {
+               border-color: #665;
+       }
 }
 
 }
 
-.glyphs small.digraph {
-       background: #444;
-       color: #AAA;
-       opacity: 0.5;
-}
-.glyphs small.value {
-       background: #633;
-       color: #AAA;
-       opacity: 0.4;
+.glyphs {
+       small.digraph {
+               background: #444;
+               color: #AAA;
+               opacity: 0.5;
+       }
+       small.value {
+               background: #633;
+               color: #AAA;
+               opacity: 0.4;
+       }
 }
 
 .X  {background: #000} /* unidentified */
 }
 
 .X  {background: #000} /* unidentified */
@@ -102,10 +105,12 @@ th, td {
 .u-invalid {background: #333} /* impossible */
 
 /* foreground representation */
 .u-invalid {background: #333} /* impossible */
 
 /* foreground representation */
-#digraphs .u-l4 {color: #4A4} /* partial */
-#digraphs .u-l5 {color: #6C4} /* experimental */
-#digraphs .u-l2 {color: #A44; color: rgba(191, 127, 127, .8)} /* unofficial */
-#digraphs .u-l1 {color: #D00; color: rgba(255, 63, 63, .8)} /* missing */
+#digraphs {
+       .u-l4 {color: #4A4} /* partial */
+       .u-l5 {color: #6C4} /* experimental */
+       .u-l2 {color: #A44; color: rgba(191, 127, 127, .8)} /* unofficial */
+       .u-l1 {color: #D00; color: rgba(255, 63, 63, .8)} /* missing */
+}
 
 .p4::after {color: #F44}
 .p3::after {color: #E66}
 
 .p4::after {color: #F44}
 .p3::after {color: #E66}
@@ -160,78 +165,14 @@ figcaption {
        background: rgba(255, 255, 255, .5);
 }
 
        background: rgba(255, 255, 255, .5);
 }
 
-/* starcraft */
-
-.units tbody tr:hover:not(.race) {
-       background: #222;
-}
-.unit-gas {
-       color: #AC9;
-}
-.unit-min, .unit-min a:not(:hover) {
-       color: #ABC;
-}
-.unit-supply {
-       color: #8C6;
-}
-.unit-o {color: #C5A} /* organic */
-.unit-u {color: #66B} /* mechanic */
-.unit-p {color: #0A8} /* psionic */
-.unit-composed {
-       color: #A44;
-}
-.unit-air {
-       color: #4AC;
-}
-.unit-x {color: #666}
-.unit-s {color: #AC6}
-.unit-m {color: #C70}
-.unit-l {color: #C44}
-.unit-h {color: #C06}
-.magic-opt:before,
-.magic-opt:after {
-       color: #CCC;
-}
-.hurtrel, .units .hurtrel {
-       color: #887;
-}
-tbody .unit-shield {
-       color: #88A;
-}
-.unit-pdd {
-       color: #A8C;
-}
-.unit-splash {
-       color: #4A0;
-}
-.hurt-a {
-       color: #8AC;
-}
-.hurt-g {
-       color: #8CA;
-}
-.unit-massive {
-       color: #844;
-}
-.unit-detect::before {
-       color: #0A8;
-}
-.unit-jump {
-       color: #780;
-}
-body .magic-perma {
-               text-decoration-color: #460;
-          -moz-text-decoration-color: #460;
-       -webkit-text-decoration-color: #460;
-}
-
 /* keyboard */
 
 @media (max-width: 79em) {
 /* keyboard */
 
 @media (max-width: 79em) {
-       .keys td b,
-       .keys .meta td b,
-       .keys .ctrl td b,
-       .keys .lead td b {
-               color: #000;
+       .keys {
+               &, .meta, .ctrl, .lead {
+                       td b {
+                               color: #000;
+                       }
+               }
        }
 }
        }
 }