Merge pull request #66 from PolymerElements/new-mixin

add a mixin for the panel's body

paper-header-panel.html

@@ -114,6 +114,19 @@
       };
     }
 
+The following custom properties and mixins are available for styling:
+
+Custom property | Description | Default
+----------------|-------------|----------
+`--paper-header-panel` | Mixin applied to the element | `{}`
+`--paper-header-panel-body` | Mixin applied to the element's body (i.e. everything below the toolbar) | `{}`
+`--paper-header-panel-scroll-container` | Mixin applied to the container when in scroll mode | `{}`
+`--paper-header-panel-cover-container` | Mixin applied to the container when in cover mode | `{}`
+`--paper-header-panel-standard-container` | Mixin applied to the container when in standard mode | `{}`
+`--paper-header-panel-seamed-container` | Mixin applied to the container when in seamed mode | `{}`
+`--paper-header-panel-waterfall-container` | Mixin applied to the container when in waterfall mode | `{}`
+`--paper-header-panel-waterfall-tall-container` | Mixin applied to the container when in tall waterfall mode | `{}`
+
 @group Paper Elements
 @element paper-header-panel
 @demo demo/index.html
@@ -134,6 +147,8 @@
 
         position: relative;
         height: 100%;
+
+        @apply(--paper-header-panel);
       }
 
       #mainContainer {
@@ -151,6 +166,8 @@
 
         position: relative;
         min-height: 0;
+
+        @apply(--paper-header-panel-body);
       }
 
       /*
@@ -361,10 +378,10 @@
         ready: function() {
           this.scrollHandler = this._scroll.bind(this);
         },
-        
+
         attached: function() {
           this._addListener();
-          // Run `scroll` logic once to initialze class names, etc.
+          // Run `scroll` logic once to initialize class names, etc.
           this._keepScrollingState();
         },