| Index: third_party/polymer/v0_8/components-chromium/paper-input/paper-input-error.html
|
| diff --git a/third_party/polymer/v0_8/components-chromium/paper-input/paper-input-error.html b/third_party/polymer/v0_8/components-chromium/paper-input/paper-input-error.html
|
| index 5132be205275dc02da9fc8b471a8ddb853c1959b..f32cad3d49f74e7a06e10eaae268ca50cd8c4713 100644
|
| --- a/third_party/polymer/v0_8/components-chromium/paper-input/paper-input-error.html
|
| +++ b/third_party/polymer/v0_8/components-chromium/paper-input/paper-input-error.html
|
| @@ -8,9 +8,25 @@ Code distributed by Google as part of the polymer project is also
|
| subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| --><html><head><link rel="import" href="../polymer/polymer.html">
|
| <link rel="import" href="../paper-styles/paper-styles.html">
|
| +<link rel="import" href="paper-input-addon-behavior.html">
|
|
|
| <!--
|
| -`<paper-input-error>` is an error message for use with `<paper-input-container>`.
|
| +`<paper-input-error>` is an error message for use with `<paper-input-container>`. The error is
|
| +displayed when the `<paper-input-container>` is `invalid`.
|
| +
|
| + <paper-input-container>
|
| + <input is="iron-input" pattern="[0-9]*">
|
| + <paper-input-error>Only numbers are allowed!</paper-input-error>
|
| + </paper-input-container>
|
| +
|
| +### Styling
|
| +
|
| +The following custom properties and mixins are available for styling:
|
| +
|
| +Custom property | Description | Default
|
| +----------------|-------------|----------
|
| +`--paper-input-container-invalid-color` | The foreground color of the error | `--google-red-500`
|
| +`--paper-input-error` | Mixin applied to the error | `{}`
|
| -->
|
| </head><body><dom-module id="paper-input-error">
|
|
|
| @@ -21,12 +37,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
| display: none;
|
| float: left;
|
|
|
| - color: var(--paper-input-container-invalid-color);
|
| -
|
| - mixin(--paper-input-container-add-on);
|
| - mixin(--paper-input-container-add-on-font);
|
| + color: var(--paper-input-container-invalid-color, --google-red-500);
|
|
|
| - mixin(--paper-input-error);
|
| + @apply(--paper-font-caption);
|
| + @apply(--paper-input-error);
|
| }
|
|
|
| :host([invalid]) {
|
|
|