From 3b923c4963a490ff25f0abc4c3d2949a6ce31b55 Mon Sep 17 00:00:00 2001
From: Arthur Perrad <perrad.arthur@gmail.com>
Date: Sat, 22 Oct 2016 21:15:52 +0200
Subject: [PATCH 1/2] Common style property underline, underline focused and
 underline disabled #405

---
 demo/index.html            | 35 +++++++++++++++++++++++++++++++++++
 paper-input-container.html |  4 ++++
 2 files changed, 39 insertions(+)

diff --git a/demo/index.html b/demo/index.html
index f84799de..8c6dc9e2 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -140,6 +140,41 @@ <h3>Inputs can have custom logic</h3>
         </paper-input-container>
       </template>
     </demo-snippet>
+
+    <h3>You can style a paper-input using custom properties</h3>
+    <demo-snippet>
+      <template>
+        <style is="custom-style">
+          paper-input.custom {
+              --paper-input-container-underline-common: {
+                  display: none;
+              };
+
+              --paper-input-container-label: {
+                  color: var(--paper-pink-500);
+                  font-style: italic;
+                  font-weight: bold;
+              }
+          }
+
+          paper-input.custom-focus {
+              --paper-input-container-underline-common: {
+                  display: none;
+                  background: #737373;
+                  height: 1px;
+              };
+
+              --paper-input-container-underline-focus: {
+                  display: inline;
+                  background: #E91E63;
+                  height: 2px;
+              };
+            }
+        </style>
+        <paper-input class="custom" label="Custom style"></paper-input>
+        <paper-input class="custom-focus" label="Overriden common underline style for focus"></paper-input>
+      </template>
+    </demo-snippet>
   </div>
 
   <script>
diff --git a/paper-input-container.html b/paper-input-container.html
index 107f3cd3..cfbab398 100644
--- a/paper-input-container.html
+++ b/paper-input-container.html
@@ -90,6 +90,7 @@
 `--paper-input-container-label-focus` | Mixin applied to the label when the input is focused | `{}`
 `--paper-input-container-label-floating` | Mixin applied to the label when floating | `{}`
 `--paper-input-container-input` | Mixin applied to the input | `{}`
+`--paper-input-container-underline-common` | Mixin applied to the underline when the input is not focused, focused or disabled | `{}`
 `--paper-input-container-underline` | Mixin applied to the underline | `{}`
 `--paper-input-container-underline-focus` | Mixin applied to the underline when the input is focused | `{}`
 `--paper-input-container-underline-disabled` | Mixin applied to the underline when the input is disabled | `{}`
@@ -144,6 +145,7 @@
         -webkit-transform: scale3d(0,1,1);
         transform: scale3d(0,1,1);
 
+        @apply(--paper-input-container-underline-common);
         @apply(--paper-input-container-underline-focus);
       }
 
@@ -172,6 +174,7 @@
         background: var(--paper-input-container-color, --secondary-text-color);
         height: 1px;
 
+        @apply(--paper-input-container-underline-common);
         @apply(--paper-input-container-underline);
       }
 
@@ -180,6 +183,7 @@
         border-color: var(--paper-input-container-color, --secondary-text-color);
         background: transparent;
 
+        @apply(--paper-input-container-underline-common);
         @apply(--paper-input-container-underline-disabled);
       }
 

From ef263f4897e3255424d2e75889519eee73c681ba Mon Sep 17 00:00:00 2001
From: Arthur Perrad <perrad.arthur@gmail.com>
Date: Sat, 22 Oct 2016 21:27:51 +0200
Subject: [PATCH 2/2] Update readme #405

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 0561f76e..862899ba 100644
--- a/README.md
+++ b/README.md
@@ -178,6 +178,7 @@ The following custom properties and mixins are available for styling:
 | `--paper-input-container-label-focus` | Mixin applied to the label when the input is focused | `{}` |
 | `--paper-input-container-label-floating` | Mixin applied to the label when floating | `{}` |
 | `--paper-input-container-input` | Mixin applied to the input | `{}` |
+| `--paper-input-container-underline-common` | Mixin applied to the underline when the input is not focused, focused or disabled | `{}` |
 | `--paper-input-container-underline` | Mixin applied to the underline | `{}` |
 | `--paper-input-container-underline-focus` | Mixin applied to the underline when the input is focused | `{}` |
 | `--paper-input-container-underline-disabled` | Mixin applied to the underline when the input is disabled | `{}` |