diff --git a/previews.html b/previews.html
index d8fa5e6..2609a97 100644
--- a/previews.html
+++ b/previews.html
@@ -65,11 +65,6 @@
margin: 0;
/* Width is just big enough to fit desktop and mobile views side-by-side */
}
- .container {
- width: 1128px;
- margin-left: auto;
- margin-right: auto;
- }
a {
color: #137FC9;
display: inline-block;
@@ -77,9 +72,6 @@
text-decoration: none;
border-radius: 4px;
}
- li a {
- font-weight: bold;
- }
a[href="#toc"] {
float: right;
font-size: 120%;
@@ -88,7 +80,7 @@
padding: 4px 8px;
}
a[href="#toc"]:after {
- content: " \21e7";
+ content: "\0020\21e7";
font-size: 120%;
}
a:hover {
@@ -115,6 +107,38 @@
margin-top: 48px;
margin-bottom: 48px;
}
+ nav {
+ border-bottom: 1px solid #ccc;
+ display: block;
+ padding-bottom: 24px;
+ margin-bottom: 24px;
+ }
+ nav ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ }
+ nav ul li:first-child {
+ border-right: 1px solid #ccc;
+ font-weight: bold;
+ padding-right: 16px;
+ margin-right: 8px;
+ }
+ nav li {
+ display: inline-block;
+ }
+ nav a {
+ font-weight: normal;
+ margin-right: 8px;
+ }
+ nav a:after {
+ content: " \0020\2197";
+ }
+ div.container {
+ width: 1128px;
+ margin-left: auto;
+ margin-right: auto;
+ }
a.mailmason-logo {
float: right;
}
@@ -127,6 +151,15 @@
+
+
