Rocket image in Help page

pomy · Dec 16, 2016 · b4cb4ad · b4cb4ad
1 parent e7ac96d
commit b4cb4ad
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 0 deletions.
diff --git a/2016/assets/img/rocket.png b/2016/assets/img/rocket.png
diff --git a/2016/assets/img/rocket.svg b/2016/assets/img/rocket.svg
diff --git a/2016/assets/img/[email protected] b/2016/assets/img/[email protected]
diff --git a/2016/assets/sass/_sections.scss b/2016/assets/sass/_sections.scss
@@ -262,5 +262,23 @@
 
 .section--help-forward {
   background-color: mix($colour_blue, #000, 50%);
+  background-position: 50% 100%;
+  background-repeat: no-repeat;
+  background-size: 100%;
   color: #fff;
+  padding-bottom: 55% !important;
+
+  @include high-dpi-image('../img/rocket');
+
+  @media (min-width: $small-screen) {
+    padding-bottom: 40% !important;
+  }
+
+  @media (min-width: $large-screen) {
+    padding-bottom: 35% !important;
+  }
+
+  @media (min-width: $huge-screen) {
+    padding-bottom: 25% !important;
+  }
 }