fix color not inheriting (#640)

* fix color not inheriting * fix shim correctly * even better fix
PolymerElements · Apr 2, 2018 · 986e2c6 · 986e2c6
1 parent 59cdb65
commit 986e2c6
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -176,6 +176,7 @@ <h3>Inputs can be completely restyled</h3>
             }
             paper-input.custom {
               margin-bottom: 14px;
+              --primary-text-color: #01579B;
               --paper-input-container-color: black;
               --paper-input-container-focus-color: black;
               --paper-input-container-invalid-color: black;

diff --git a/paper-input-container.html b/paper-input-container.html
@@ -296,6 +296,9 @@
       .input-content ::slotted(iron-autogrow-textarea),
       .input-content ::slotted(.paper-input-input) {
         @apply --paper-input-container-shared-input-style;
+        /* The apply shim doesn't apply the nested color custom property,
+          so we have to re-apply it here. */
+        color: var(--paper-input-container-input-color, var(--primary-text-color));
         @apply --paper-input-container-input;
       }
 

diff --git a/paper-input.html b/paper-input.html
@@ -106,6 +106,7 @@
         word-spacing: inherit;
         line-height: inherit;
         text-shadow: inherit;
+        color: inherit;
       }
 
       input:disabled {