X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/4f067d460821f15ab66522dd9cef5f0342b2dfc3..bf91078d6b5c7d4f5b376ddb25b825c9cabf8e85:/base.css?ds=sidebyside

diff --git a/base.css b/base.css
index 52a97e5..e7d5fdd 100644
--- a/base.css
+++ b/base.css
@@ -153,11 +153,17 @@ dl > dd {
 }
 @media (max-width: 42em) {
 	.section dl {
-		grid: auto-flow / minmax(8em, 1fr) minmax(20em, 1fr);
+		grid: auto-flow / minmax(8em, 1fr) minmax(10em, 3fr);
 	}
 	dl > dd {
 		margin-bottom: 1ex; /* distinguish rows more as dts can wrap */
 	}
+	dd small {
+		display: inline-block;
+	}
+	dd code {
+		white-space: normal;
+	}
 }
 
 /* "keyboard" (list of keys) */
@@ -283,6 +289,7 @@ dl.legend dt,
 	line-height: 2.25ex;
 }
 .keys.big.cmp td b,
+.keys.big .ctrl td b,
 .keys.big .meta td b,
 .keys.big .shift td b {
 	display: none;
@@ -519,10 +526,10 @@ table.dimap {
 .u-invalid {background: #BBB} /* invalid, impossible */
 
 /* foreground representation */
-#digraphs .u-l3 {color: #080} /* partial */
-#digraphs .u-l3.ex {color: #4C0} /* experimental */
-#digraphs .u-l2 {color: #A44; color: rgba(128, 0, 0, .6)} /* unofficial proposal */
-#digraphs .u-l1 {color: #D00; color: rgba(255, 0, 0, .8)} /* minimal or invalid */
+#digraphs .u-l4 {color: #080} /* partial */
+#digraphs .u-l5 {color: #4C0} /* experimental */
+#digraphs .u-l2 {color: #A44; color: rgba(128, 0, 0, .6)} /* unofficial */
+#digraphs .u-l1 {color: #D00; color: rgba(255, 0, 0, .8)} /* missing */
 
 /* support percentage (browser cells) */
 .p0         {opacity: .6}
@@ -594,8 +601,8 @@ table.dimap {
 .l3:hover                                  {background: #FF8}
 .l4:hover                                  {background: #CF8}
 .l5:hover                                  {background: #8F8}
-.u-l3:hover    {outline: 1px solid #080}
-.u-l3.ex:hover {outline: 1px solid #8F0}
+.u-l4:hover    {outline: 1px solid #080}
+.u-l5:hover    {outline: 1px solid #8F0}
 .u-l2:hover    {outline: 1px solid #800}
 .u-l1:hover    {outline: 1px solid #F00}
 
@@ -645,12 +652,9 @@ table.dimap {
 }
 
 dl.legend dt.more,
-.keys td.more b {
-	text-shadow: #F20 0 0 0.1em;
-}
-dl.legend dt.more:hover,
-.keys td.more:hover b {
-	text-shadow: #F20 0 0 0.5em, #FC0 0 0 0.2em;
+.keys td.more {
+	outline: 3px solid #0006;
+	outline-offset: -3px; /* inside */
 }
 dl.legend dt.new,
 .keys td.new {