third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab.html - Issue 1155683008: Rename polymer and cr_elements v0_8 to v1_0

Unified Diff: third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab.html

Issue 1155683008: Rename polymer and cr_elements v0_8 to v1_0 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@v1

Patch Set: fix a merge mistake 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/v0_8/components-chromium/paper-fab/index.html ('k') | third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab-extracted.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab.html

diff --git a/third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab.html b/third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab.html

deleted file mode 100644

index 320293a2ce65f3f95c801c0c9a7c6710ee7c4909..0000000000000000000000000000000000000000

--- a/third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab.html

+++ /dev/null

@@ -1,107 +0,0 @@

-<!--

-@license

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

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

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

-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="../iron-icon/iron-icon.html">

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

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

-<link rel="import" href="../paper-styles/color.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">

-<!--

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

-`paper-fab` is a floating action button. It contains an image placed in the center and

-comes in two sizes: regular size and a smaller size by applying the attribute `mini`. When

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

-You may import `iron-icons` to use with this element, or provide a URL to a custom icon.

-See `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-fab icon="add"></paper-fab>

- <paper-fab mini icon="favorite"></paper-fab>

- <paper-fab src="star.png"></paper-fab>

-### Styling

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

-Custom property | Description | Default

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

-`--paper-fab-background` | The background color of the button | `--paper-indigo-500`

-`--paper-fab-disabled-background` | The background color of the button when it's disabled | `--paper-grey-300`

-`--paper-fab-disabled-text` | The text color of the button when it's disabled | `--paper-grey-500`

-`--paper-fab` | Mixin applied to the button | `{}`

-`--paper-fab-mini` | Mixin applied to a mini button | `{}`

-`--paper-fab-disabled` | Mixin applied to a disabled button | `{}`

-@group Paper Elements

-@demo demo/index.html

--->

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

- <style>

- :host {

- display: inline-block;

- position: relative;

- outline: none;

- -moz-user-select: none;

- -ms-user-select: none;

- -webkit-user-select: none;

- user-select: none;

- cursor: pointer;

- box-sizing: border-box;

- min-width: 0;

- width: 56px;

- height: 56px;

- background: var(--paper-fab-background, --paper-indigo-500);

- color: var(--text-primary-color);

- border-radius: 50%;

- padding: 16px;

- z-index: 0;

- @apply(--paper-fab);

- }

- :host([mini]) {

- width: 40px;

- height: 40px;

- padding: 8px;

- @apply(--paper-fab-mini);

- }

- :host([disabled]) {

- color: var(--paper-fab-disabled-text, --paper-grey-500);

- background: var(--paper-fab-disabled-background, --paper-grey-300);

- @apply(--paper-fab-disabled);

- }

- paper-material {

- border-radius: inherit;

- }

- </style>

- <template>

- <paper-ripple></paper-ripple>

- <paper-material class="content fit flex layout vertical center-center" elevation="[[elevation]]" animated="">

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

- </paper-material>

- </template>

-</dom-module>

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