Index: third_party/polymer/v1_0/components-chromium/paper-card/README.md |
diff --git a/third_party/polymer/v1_0/components-chromium/paper-card/README.md b/third_party/polymer/v1_0/components-chromium/paper-card/README.md |
index db0d78b5c8c7d888afce694d2648ae0302466bb4..58c50c8a64c63276c249bf143add50c4dbfa1676 100644 |
--- a/third_party/polymer/v1_0/components-chromium/paper-card/README.md |
+++ b/third_party/polymer/v1_0/components-chromium/paper-card/README.md |
@@ -1,20 +1,43 @@ |
-# paper-card |
-Material Design: <a href="http://www.google.com/design/spec/components/cards.html">Cards</a> |
+<!--- |
+ |
+This README is automatically generated from the comments in these files: |
+paper-card.html |
+ |
+Edit those files, and our readme bot will duplicate them over here! |
+Edit this file, and the bot will squash your changes :) |
+ |
+--> |
+ |
+[](https://travis-ci.org/PolymerElements/paper-card) |
+ |
+_[Demo and API Docs](https://elements.polymer-project.org/elements/paper-card)_ |
+ |
+ |
+##<paper-card> |
+ |
+ |
+Material design: [Cards](https://www.google.com/design/spec/components/cards.html) |
`paper-card` is a container with a drop shadow. |
Example: |
-```html |
-<paper-card heading="Card Title"> |
- <div class="card-content">Some content</div> |
- <div class="card-actions"> |
- <paper-button>Some action</paper-button> |
- </div> |
-</paper-card> |
-``` |
+ |
+ <paper-card heading="Card Title"> |
+ <div class="card-content">Some content</div> |
+ <div class="card-actions"> |
+ <paper-button>Some action</paper-button> |
+ </div> |
+ </paper-card> |
+ |
+Example - top card image: |
+ |
+ <paper-card heading="Card Title" image="/path/to/image.png"> |
+ ... |
+ </paper-card> |
### Accessibility |
+ |
By default, the `aria-label` will be set to the value of the `heading` attribute. |
### Styling |
@@ -25,6 +48,11 @@ Custom property | Description | Default |
----------------|-------------|---------- |
`--paper-card-header-color` | The color of the header text | `#000` |
`--paper-card-header` | Mixin applied to the card header section | `{}` |
+`--paper-card-header-text` | Mixin applied to the title in the card header section | `{}` |
+`--paper-card-header-image` | Mixin applied to the image in the card header section | `{}` |
+`--paper-card-header-image-text` | Mixin applied to the text overlapping the image in the card header section | `{}` |
`--paper-card-content` | Mixin applied to the card content section| `{}` |
`--paper-card-actions` | Mixin applied to the card action section | `{}` |
`--paper-card` | Mixin applied to the card | `{}` |
+ |
+ |