intro styles update

public/_includes/_banner.jade

@@ -1,2 +1,4 @@
-.banner.is-centered
-    p.text-body !{banner}
+content = banner ? banner : intro
+
+.banner
+    p.text-body !{content}

public/_includes/_intro.jade

@@ -1,7 +0,0 @@
-.intro(style='\
-    background: #E6E7EC;\
-    padding: 40px;\
-    font-size: 22px;\
-    line-height: 32px;\
-    ')
-      | #{ intro }

public/docs/js/latest/guide/_layout.jade

@@ -7,10 +7,7 @@ html(lang="en" ng-app="angularIOApp")
     != partial("../../../../_includes/_main-nav")
     != partial("../../../../_includes/_docs-nav")
     != partial("../../../../_includes/_hero")
-    if intro
-      != partial("../../../../_includes/_intro")
-
-    if banner
+    if intro || banner
       != partial("../../../../_includes/_banner")
 
     article.l-content-small.grid-fluid.docs-content(ng-non-bindable)

public/resources/css/module/_banner.scss

@@ -6,7 +6,7 @@
 
 .banner {
   background: $mist;
-  padding: $unit * 4;
+  padding: ($unit * 4) ($unit * 4) ($unit * 4) ($unit * 12);
   min-height: $unit * 12;
 
   @media handheld and (max-width: $phone-breakpoint),