docs: better PWA, more responsive, better description

docs/themes/navy/source/css/_partial/header.styl

@@ -58,6 +58,7 @@ logo-size = 36px
   color: #fff
   text-decoration: none
   line-height: logo-size
+  white-space: nowrap
   opacity: 0.7
   transition: opacity 0.2s, color 0.2s
   display: inline-block

docs/themes/navy/source/css/_partial/highlight.styl

@@ -19,6 +19,7 @@ pre, code
   font-family: font-mono
   color: var(--highlight-foreground)
   background: var(--highlight-background)
+  white-space: pre-wrap
 
 code
   padding: 0 5px

docs/themes/navy/source/css/_partial/playground.styl

@@ -30,3 +30,18 @@
     margin-top: 2vh
   #previewEl
     height: 70vh
+  .hide
+    display: none
+  .loader
+    width: 75px
+    height: 75px
+    margin: 150px auto 200px
+    border-top: 5px solid #292929
+    border-right: 5px solid #efefef
+    border-bottom: 5px solid #efefef
+    border-left: 5px solid #efefef
+    border-radius: 100px
+    animation: spin 1s infinite linear
+  @keyframes spin
+    100%
+      transform: rotate(360deg)

docs/themes/navy/source/css/_variables.styl

@@ -40,7 +40,7 @@ font-size = 15px
 line-height = 1.6em
 
 // Layout
-max-width = 1200px
+max-width = 1800px
 gutter-width = 20px
 sidebar-width = 220px
 mobile-nav-width = 260px