X-Git-Url: http://git.shiar.net/sheet.git/blobdiff_plain/9a0c705ffb894f78cc281ae86dc9c4ac9ad5974a..3f38a7192491a73a1527179cdd68218f023aed61:/style/_dark.scss diff --git a/style/_dark.scss b/style/_dark.scss index 18f297b..a1bfdfd 100644 --- a/style/_dark.scss +++ b/style/_dark.scss @@ -35,20 +35,23 @@ th, td { 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 */ @@ -102,10 +105,12 @@ th, td { .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} @@ -163,10 +168,11 @@ figcaption { /* 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; + } + } } }