- Packer is a tool for creating identical machine images for multiple platforms from a single source configuration
+ Packer is a tool for creating identical machine images for multiple platforms from a single source configuration.
diff --git a/website/source/stylesheets/_components.scss b/website/source/stylesheets/_components.scss
index 8b231a1b1..f691118c5 100644
--- a/website/source/stylesheets/_components.scss
+++ b/website/source/stylesheets/_components.scss
@@ -1,7 +1,7 @@
.hero {
height: $hero-height;
- background: #000000 url(/images/hero_image.jpg) no-repeat 75% -25px;
- background-size: 1008px 490px;
+ background: #000000 url(/images/hero_image.jpg) no-repeat 30px -5px;
+ background-size: 960px 467px;
@include respond-to(mobile) {
margin-right: -20px;
margin-left: -20px;
@@ -15,7 +15,7 @@
margin-top: $baseline * 4;
margin-left: 20px;
width: 80%;
- font-size: 30px;
+ font-size: 28px;
line-height: (35/30);
}
}
diff --git a/website/source/stylesheets/_helpers.scss b/website/source/stylesheets/_helpers.scss
index f93a7605c..51bb86480 100644
--- a/website/source/stylesheets/_helpers.scss
+++ b/website/source/stylesheets/_helpers.scss
@@ -68,8 +68,8 @@ $mono: 'Inconsolata', 'courier new', courier, mono-space;
//color
.dark-background {
-background-color: inherit;
-color: $white;
+ background-color: #000;
+ color: $white;
a {
color: inherit;
diff --git a/website/source/stylesheets/_nav.scss b/website/source/stylesheets/_nav.scss
index 9e12ebdb8..7287510d5 100644
--- a/website/source/stylesheets/_nav.scss
+++ b/website/source/stylesheets/_nav.scss
@@ -1,57 +1,56 @@
nav {
-height: $nav-height;
-padding: $baseline 0;
-background-color: $black !important;
-padding: 0;
-margin: 0;
-text-transform: uppercase;
-color: $white;
-font-family: $sans;
-font-size: 16px;
-border-bottom: 1px solid $border-dark;
-@include respond-to(mobile) {
-margin-right: -20px;
-margin-left: -20px;
-}
+ height: $nav-height;
+ padding: $baseline 0;
+ padding: 0;
+ margin: 0;
+ text-transform: uppercase;
+ color: $white;
+ font-family: $sans;
+ font-size: 16px;
+ border-bottom: 1px solid $border-dark;
+ @include respond-to(mobile) {
+ margin-right: -20px;
+ margin-left: -20px;
+ }
- ul {
- margin-top: ($baseline * 2);
- margin-left: $nav-height;
- @include respond-to(mobile) {
- margin-left: 50px;
- margin-top: 12px;
- }
+ ul {
+ margin-top: ($baseline * 2);
+ margin-left: $nav-height;
+ @include respond-to(mobile) {
+ margin-left: 50px;
+ margin-top: 12px;
+ }
- li {
- display: inline-block;
- margin-right: 50px;
- @include respond-to(mobile) {
- margin-bottom: 7px;
- display: block;
- }
- }
+ li {
+ display: inline-block;
+ margin-right: 50px;
+ @include respond-to(mobile) {
+ margin-bottom: 7px;
+ display: block;
+ }
+ }
- }
+ }
- .packer-logo {
- background: url(/images/logo_nav.png) no-repeat center top;
- height: 80px;
- width: 80px;
- background-size: 34px 50px;
- text-indent: -999999px;
- display: inline-block;
- margin-top: 25px;
- @include respond-to(mobile) {
- margin-top: 15px;
- }
- }
+ .packer-logo {
+ background: url(/images/logo_nav.png) no-repeat center top;
+ height: 80px;
+ width: 80px;
+ background-size: 34px 50px;
+ text-indent: -999999px;
+ display: inline-block;
+ margin-top: 25px;
+ @include respond-to(mobile) {
+ margin-top: 15px;
+ }
+ }
- .active {
- color: $green;
- }
+ .active {
+ color: $green;
+ }
- button {
- margin-top: $baseline;
- }
+ button {
+ margin-top: $baseline;
+ }
} //nav