bottom: 0;
left: calc(-40ch - 1ch); /* account for padding */
width: 40ch;
+ max-width: 95%; /* make sure we don't overflow the screen */
background-color: rgba(15, 15, 15, .9);
color: #CCCCCC;
border: 0;
height: 1.2em;
}
+/* For optical conveniece, display an "x" for closing. */
+.menuDrawer > h2:after {
+ content: '\00D7'; /* multiplication sign */
+ display: inline-block;
+ vertical-align: text-top;
+ float: right;
+ margin-top: 0;
+ margin-right: .2em;
+ font-size: .75em;
+}
+
/* Custom checkbox design */
.menuDrawer input[type="checkbox"] {
display: none;