drafty previews

css/base.css

@@ -42,7 +42,7 @@ a.gray:focus {
   color: #999;
 }
 
-a.flat-button {
+.flat-button {
   display: flex;
   align-items: center;
   margin: 0.15rem 0.35rem;
@@ -55,11 +55,21 @@ a.flat-button {
   white-space: nowrap;
   text-transform: uppercase;
 }
-a.flat-button:hover,
-a.flat-button:focus {
+.flat-button:hover,
+.flat-button:focus {
   text-decoration: none;
 }
 
+.flat-button .faux {
+  height: 1.5em;
+  line-height: 1.5em;
+  text-transform: none;
+  padding-left: .5rem;
+  padding-right: .5rem;
+  border: 1px solid gray;
+  border-radius: 3px;
+}
+
 form {
   font-size: 1.1rem;
   padding: 0.5rem 0.75rem;
@@ -2066,3 +2076,14 @@ ul.tabbar li.active > a:after {
   background-color: #1e88e5;
   border-radius: 0.08rem;
 }
+
+/* Highlighted text */
+.highlight {
+  color: teal;
+  font-weight: bolder;
+}
+
+.highlight .preview {
+  color: #5f9ea0;
+  font-weight: inherit;
+}