fix(docs-evergreen): Make content and whole page narrow (#1322)

* fix(docs-evergreen): Make content and whole page narrow

* refactor(docs-evergreen): Restrict content width only on xlarge breakpoint

Author: jedrzejchalubek

src/_sass/components/_stage.scss

@@ -1,7 +1,7 @@
 .stage {
   display: flex;
   width: 100%;
-  max-width: 1400px;
+  max-width: 1150px;
   margin: 0 auto;
 
   @include breakpoint(large up) {

src/_sass/generics/_standardize.scss

@@ -16,6 +16,7 @@ html {
   box-sizing: border-box; /* 1 */
   line-height: 1.15; /* 2 */
   text-size-adjust: 100%; /* 3 */
+  overflow-x: hidden;
 }
 
 *,

src/_sass/pages/_page.scss

@@ -16,7 +16,10 @@
 
   &__body {
     flex: 1;
-    max-width: 752px;
+    
+    @include breakpoint(xlarge up) {
+      max-width: 690px;
+    }
 
     & > * + * {
       margin-top: 32px;