diff --git a/website/source/stylesheets/components.scss b/website/source/stylesheets/components.scss
index 61451fa5b..8b231a1b1 100644
--- a/website/source/stylesheets/components.scss
+++ b/website/source/stylesheets/components.scss
@@ -169,6 +169,16 @@
}
}
+ .docs-background {
+ @extend .white-background;
+ height: 100%;
+ width: 760px;
+ position: fixed;
+ top: 0;
+ left: $sidebar-width;
+ z-index: -9999;
+ }
+
section {
margin-top: $docs-top-margin;
}
diff --git a/website/source/stylesheets/helpers.scss b/website/source/stylesheets/helpers.scss
index d41681fcb..f93a7605c 100644
--- a/website/source/stylesheets/helpers.scss
+++ b/website/source/stylesheets/helpers.scss
@@ -36,7 +36,7 @@ $nav-height: 100px;
$hero-height: 500px;
$docs-top-margin: 60px;
$sidebar-background-color: $dark-background;
-$sidebar-width: 225px;
+$sidebar-width: 250px;
//typography
diff --git a/website/source/stylesheets/sidebar.scss b/website/source/stylesheets/sidebar.scss
index f8b991543..cac8999e6 100644
--- a/website/source/stylesheets/sidebar.scss
+++ b/website/source/stylesheets/sidebar.scss
@@ -1,61 +1,61 @@
.sidebar {
-$border: 1px solid $gray-dark;
-font-size: 16px;
-font-family: $mono;
-color: $gray-light;
-width: $sidebar-width;
-float: left;
-background-color: $sidebar-background-color;
-height: 100%;
- @include respond-to(mobile) {
- width: 100%;
- }
+ $border: 1px solid $gray-dark;
+ font-size: 16px;
+ font-family: $mono;
+ color: $gray-light;
+ width: $sidebar-width;
+ float: left;
+ background-color: $sidebar-background-color;
+ height: 100%;
+ @include respond-to(mobile) {
+ width: 100%;
+ }
- h2 {
- color: $green;
- text-transform: uppercase;
- padding: $docs-top-margin 20px 0;
- @include respond-to(mobile) {
- padding: $baseline;
- }
- }
+ h2 {
+ color: $green;
+ text-transform: uppercase;
+ padding: $docs-top-margin 20px 0;
+ @include respond-to(mobile) {
+ padding: $baseline;
+ }
+ }
- h4 {
- color: $white;
- text-transform: uppercase;
- margin-bottom: -10px;
- }
-
- ul {
-
- @extend .padded-sm;
-
- li {
- border-bottom: $border;
- padding: 15px 0;
- text-align: left;
- }
-
- li > * {
- padding: auto 20px;
- margin-left: 20px;
- display: block;
- width: 100%;
- }
-
-
-
- }
-
- .sidebar-background {
- background-color: $sidebar-background-color;
- height: 100%;
- width: $sidebar-width;
- position: fixed;
- top: 0;
- left: 0;
- z-index: -9999;
- }
+ h4 {
+ color: $white;
+ text-transform: uppercase;
+ margin-bottom: -10px;
+ }
-}
\ No newline at end of file
+ ul {
+
+ @extend .padded-sm;
+
+ li {
+ border-bottom: $border;
+ padding: 15px 0;
+ text-align: left;
+ }
+
+ li > * {
+ padding: auto 20px;
+ margin-left: 20px;
+ display: block;
+ width: 100%;
+ }
+
+
+
+ }
+
+ .sidebar-background {
+ background-color: $sidebar-background-color;
+ height: 100%;
+ width: $sidebar-width;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: -9999;
+ }
+
+}