add navbar code and doc

1 files changed, 22 insertions, 0 deletions

diff --git a/dist/spectre.css b/dist/spectre.css
index ab43bf3..fdb7b99 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -948,6 +948,11 @@ textarea.form-input {
 .input-group .input-group-btn:focus {
   z-index: 99;
 }
+.form-inline {
+  display: inline-block;
+  vertical-align: middle;
+  width: auto;
+}
 .container {
   margin-left: auto;
   margin-right: auto;
@@ -1244,6 +1249,23 @@ textarea.form-input {
     display: none !important;
   }
 }
+.navbar {
+  -webkit-align-items: center;
+  align-items: center;
+  display: flex;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  -ms-flex-align: center;
+  -ms-flex-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+  padding: 1rem;
+}
+.navbar .navbar-brand {
+  font-size: 2rem;
+  text-decoration: none;
+  vertical-align: middle;
+}
 .empty {
   background: #f8f8f8;
   border-radius: .3rem;