From 1e99892b80d93bbefc5df3c9866a8bd000eb91b8 Mon Sep 17 00:00:00 2001
From: Monica Dinculescu <noms@google.com>
Date: Thu, 3 Dec 2015 11:26:35 -0800
Subject: [PATCH] add a mixin for the panel's body

---
 paper-header-panel.html | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/paper-header-panel.html b/paper-header-panel.html
index 2246b25..1453234 100644
--- a/paper-header-panel.html
+++ b/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();
         },