third_party/polymer/v1_0/components-chromium/paper-icon-button/paper-icon-button.html - Issue 1162963002: Revert "Rename polymer and cr_elements v0_8 to v1_0"

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

Issue 1162963002: Revert "Rename polymer and cr_elements v0_8 to v1_0" (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 5 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-icon-button/index.html ('k') | third_party/polymer/v1_0/components-chromium/paper-icon-button/paper-icon-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-icon-button/paper-icon-button.html

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

deleted file mode 100644

index 45d584b288f8ec9f2adf45c90a090fc6700e2550..0000000000000000000000000000000000000000

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

+++ /dev/null

@@ -1,111 +0,0 @@

-<!--

-@license

-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE

-The complete set of authors may be found at http://polymer.github.io/AUTHORS

-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS

-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

---><html><head><link rel="import" href="../polymer/polymer.html">

-<link rel="import" href="../iron-icon/iron-icon.html">

-<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">

-<link rel="import" href="../paper-styles/default-theme.html">

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

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

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

-<style is="custom-style">

- :root {

- --paper-icon-button-disabled-text: var(--disabled-text-color);

- }

-</style>

-<!--

-Material Design: <a href="http://www.google.com/design/spec/components/buttons.html">Buttons</a>

-`paper-icon-button` is a button with an image placed at the center. When the user touches

-the button, a ripple effect emanates from the center of the button.

-`paper-icon-button` includes a default icon set. Use `icon` to specify which icon

-from the icon set to use.

- <paper-icon-button icon="menu"></paper-icon-button>

-See [`iron-iconset`](#iron-iconset) for more information about

-how to use a custom icon set.

-Example:

- <link href="path/to/iron-icons/iron-icons.html" rel="import">

- <paper-icon-button icon="favorite"></paper-icon-button>

- <paper-icon-button src="star.png"></paper-icon-button>

-###Styling

-Style the button with CSS as you would a normal DOM element. If you are using the icons

-provided by `iron-icons`, they will inherit the foreground color of the button.

- /* make a red "favorite" button */

- <paper-icon-button icon="favorite" style="color: red;"></paper-icon-button>

-By default, the ripple is the same color as the foreground at 25% opacity. You may

-customize the color using this selector:

- /* make #my-button use a blue ripple instead of foreground color */

- #my-button::shadow #ripple {

- color: blue;

- }

-The opacity of the ripple is not customizable via CSS.

-The following custom properties and mixins are available for styling:

-Custom property | Description | Default

-----------------|-------------|----------

-`--paper-icon-button-disabled-text` | The color of the disabled button | `--primary-text-color`

-`--paper-icon-button-ink-color` | Selected/focus ripple color | `--default-primary-color`

-`--paper-icon-button` | Mixin for a button | `{}`

-`--paper-icon-button-disabled` | Mixin for a disabled button | `{}`

-@group Paper Elements

-@element paper-icon-button

-@demo demo/index.html

--->

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

- <style>

- :host {

- display: inline-block;

- position: relative;

- padding: 8px;

- outline: none;

- -webkit-user-select: none;

- -moz-user-select: none;

- -ms-user-select: none;

- user-select: none;

- cursor: pointer;

- z-index: 0;

- @apply(--paper-icon-button);

- }

- :host #ink {

- color: var(--paper-icon-button-ink-color, --primary-text-color);

- opacity: 0.6;

- }

- :host([disabled]) {

- color: var(--paper-icon-button-disabled-text, #fff);

- pointer-events: none;

- cursor: auto;

- @apply(--paper-icon-button-disabled);

- }

- </style>

- <template>

- <paper-ripple id="ink" class="circle" center=""></paper-ripple>

- <iron-icon id="icon" src="[[src]]" icon="[[icon]]"></iron-icon>

- </template>

-</dom-module>

-<script src="paper-icon-button-extracted.js"></script></body></html>