Fix #305 Move 1400px media-query to 1100px (#396)

* Use sass var for content max width

* Add new theme vars

* Use own media screen

* Update patch with the ability to chnage the side bar width and content width

There is still a bug were the centent width fills the full screen.
This will have to be fixed before merging.

* Use javascript instead

* Run grunt build

* Remove the ability to set sidebar width

* Revert "Remove the ability to set sidebar width"

This reverts commit 3ad5b5b.

* Revert "Run grunt build"

This reverts commit f3f9ff9.

* Revert "Use javascript instead"

This reverts commit 630b50f.

* Revert "Update patch with the ability to chnage the side bar width and content width"

This reverts commit f928c33.

Author: Blendify

sass/_theme_layout.sass

@@ -309,7 +309,7 @@
 .wy-nav-content
   padding: $gutter $gutter * 2
   height: 100%
-  max-width: 800px
+  max-width: $nav-content-width
   margin: auto
 
 .wy-body-mask
@@ -390,7 +390,7 @@ footer
       height: 100%
       overflow: hidden
 
-+media($desktop-wider)
+@media screen and (min-width: $nav-media-query)
   .wy-nav-content-wrap
     background: rgba(0,0,0,.05)
   .wy-nav-content

sass/_theme_variables.sass

@@ -4,6 +4,10 @@
 
 $font-awesome-dir:                    "../fonts/"
 $static-img:                          "../img/"
+
+$nav-content-width:                   800px
+$nav-media-query:                     (($nav-desktop-width) + ($nav-content-width))
+
 $mathjax-color:                       $text-color
 
 $headerlink-color:                    $text-color