Index: third_party/polymer/v0_8/components-chromium/iron-behaviors/demo/simple-button.html |
diff --git a/third_party/polymer/v0_8/components-chromium/iron-behaviors/demo/simple-button.html b/third_party/polymer/v0_8/components-chromium/iron-behaviors/demo/simple-button.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f96dfeb505730633bb6392dcd541973abf80f187 |
--- /dev/null |
+++ b/third_party/polymer/v0_8/components-chromium/iron-behaviors/demo/simple-button.html |
@@ -0,0 +1,53 @@ |
+<!-- |
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
+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-button-state.html"> |
+<link rel="import" href="../iron-control-state.html"> |
+ |
+</head><body><dom-module id="simple-button"> |
+ |
+ <style> |
+ |
+ :host { |
+ display: inline-block; |
+ background-color: #4285F4; |
+ color: #fff; |
+ min-height: 8px; |
+ min-width: 8px; |
+ padding: 16px; |
+ text-transform: uppercase; |
+ border-radius: 3px; |
+ -moz-user-select: none; |
+ -ms-user-select: none; |
+ -webkit-user-select: none; |
+ user-select: none; |
+ cursor: pointer; |
+ } |
+ |
+ :host([disabled]) { |
+ opacity: 0.3; |
+ pointer-events: none; |
+ } |
+ |
+ :host([active]), |
+ :host([pressed]) { |
+ background-color: #3367D6; |
+ box-shadow: inset 0 3px 5px rgba(0,0,0,.2); |
+ } |
+ |
+ </style> |
+ |
+ <template> |
+ |
+ <content></content> |
+ |
+ </template> |
+ |
+ </dom-module> |
+ |
+<script src="simple-button-extracted.js"></script></body></html> |