keyboard/altgr: emojiworks collection of emoji

[sheet.git] / base.css

diff --git a/base.css b/base.css
index c349bdedfcaa0ed90cf55426a6635761e117fea7..b0f7312fa53098e784cfca27b7bb095246d9cd61 100644 (file)
--- a/base.css
+++ b/base.css
@@ -138,11 +138,6 @@ h2 small {
        grid: auto-flow / 1fr 1fr;
        clear: both;
 }
-@media (max-width: 42em) {
-       .section dl {
-               grid: auto-flow / minmax(8em, 1fr) minmax(20em, 1fr);
-       }
-}
 .section dl > dt {
        grid-column: 1;
        text-align: right;
@@ -154,7 +149,15 @@ dl > dd {
        grid-column: 2;
        text-align: left;
        padding-left: 1em;
-       margin: 0;
+       margin: 0 0 .5ex;
+}
+@media (max-width: 42em) {
+       .section dl {
+               grid: auto-flow / minmax(8em, 1fr) minmax(20em, 1fr);
+       }
+       dl > dd {
+               margin-bottom: 1ex; /* distinguish rows more as dts can wrap */
+       }
 }
 
 /* "keyboard" (list of keys) */
@@ -279,6 +282,8 @@ dl.legend dt,
        color: #FFF;
        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;
@@ -652,6 +657,7 @@ dl.legend dt.new,
 .keys td.new {
        border-style: dashed;
 }
+.ext,
 dl.legend dt.ext,
 .keys td.ext {
        opacity: .6;