third_party/polymer/v1_0/components-chromium/paper-button/paper-button.html - Issue 1984963002: Roll Polymer elements

Unified Diff: third_party/polymer/v1_0/components-chromium/paper-button/paper-button.html

Issue 1984963002: Roll Polymer elements (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 7 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-button/compiled_resources2.gyp ('k') | third_party/polymer/v1_0/components-chromium/paper-button/paper-button-extracted.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/polymer/v1_0/components-chromium/paper-button/paper-button.html

diff --git a/third_party/polymer/v1_0/components-chromium/paper-button/paper-button.html b/third_party/polymer/v1_0/components-chromium/paper-button/paper-button.html

index 1bc3f153b83214693d150518fbdf65c7deac8246..03c07ac660fc6f7996571111d698f44a487a5d4d 100644

--- a/third_party/polymer/v1_0/components-chromium/paper-button/paper-button.html

+++ b/third_party/polymer/v1_0/components-chromium/paper-button/paper-button.html

@@ -7,10 +7,9 @@ The complete set of contributors may be found at http://polymer.github.io/CONTRI

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-material/paper-material.html">

-<link rel="import" href="../paper-ripple/paper-ripple.html">

-<link rel="import" href="../paper-behaviors/paper-button-behavior.html">

+<link rel="import" href="../paper-behaviors/paper-button-behavior.html">

+<link rel="import" href="../paper-material/paper-material.html">

<!--

Material design: [Buttons](https://www.google.com/design/spec/components/buttons.html)

@@ -38,6 +37,14 @@ create a button with an icon and some text:

custom button content

</paper-button>

+To use `paper-button` as a link, wrap it in an anchor tag. Since `paper-button` will already

+receive focus, you may want to prevent the anchor tag from receiving focus as well by setting

+its tabindex to -1.

+ <a href="https://www.polymer-project.org/" tabindex="-1">

+ <paper-button raised>Polymer Project</paper-button>

+ </a>

### Styling

Style the button with CSS as you would a normal DOM element.

@@ -74,16 +81,17 @@ Custom property | Description | Default

</head><body><dom-module id="paper-button">

:host {

- display: inline-block;

+ @apply(--layout-inline);

+ @apply(--layout-center-center);

position: relative;

box-sizing: border-box;

min-width: 5.14em;

margin: 0 0.29em;

background: transparent;

- text-align: center;

+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

+ -webkit-tap-highlight-color: transparent;

font: inherit;

text-transform: uppercase;

outline-width: 0;

@@ -96,6 +104,7 @@ Custom property | Description | Default

z-index: 0;

padding: 0.7em 0.57em;

+ @apply(--paper-font-common-base);

@apply(--paper-button);

}

@@ -121,13 +130,10 @@ Custom property | Description | Default

paper-ripple {

color: var(--paper-button-ink-color);

}

- :host > ::content * {

- text-transform: inherit;

- }

</style>

</template>

-</dom-module>

+ </dom-module>