Index: pkg/polymer/lib/elements/polymer-ui-icon-button/polymer-ui-icon-button.css |
diff --git a/pkg/polymer/lib/elements/polymer-ui-icon-button/polymer-ui-icon-button.css b/pkg/polymer/lib/elements/polymer-ui-icon-button/polymer-ui-icon-button.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ad810d8e3d61a89bfdb03366f181c4e0a89e5758 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-ui-icon-button/polymer-ui-icon-button.css |
@@ -0,0 +1,60 @@ |
+/* |
+Copyright 2013 The Polymer Authors. All rights reserved. |
+Use of this source code is governed by a BSD-style |
+license that can be found in the LICENSE file. |
+*/ |
+:host { |
+ display: inline-block; |
+ box-sizing: border-box; |
+ -moz-box-sizing: border-box; |
+ width: 38px; |
+ height: 38px; |
+ background-image: none; |
+ border-radius: 2px; |
+ padding: 7px; |
+ margin: 2px; |
+ vertical-align: middle; |
+ cursor: pointer; |
+} |
+ |
+:host(.outline:host) { |
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); |
+} |
+ |
+:host(:hover:host) { |
+ box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.1); |
+} |
+ |
+:host(.selected:host) { |
+ background-color: rgba(0, 0, 0, 0.05); |
+ box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12); |
+} |
+ |
+:host(:active:host, .selected:active:host) { |
+ background-color: rgba(0, 0, 0, 0.05); |
+ box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); |
+} |
+ |
+:host(.polymer-ui-dark-theme.outline:host) { |
+ background-color: rgba(200, 200, 200, 0.05); |
+ box-shadow: 0 0 0 1px rgba(200, 200, 200, 0.1); |
+} |
+ |
+:host(.polymer-ui-dark-theme:hover:host) { |
+ background-color: rgba(200, 200, 200, 0.05); |
+ box-shadow: 0 1px 0 0 rgba(200, 200, 200, 0.12), 0 0 0 1px rgba(200, 200, 200, 0.1); |
+} |
+ |
+:host(.polymer-ui-dark-theme.selected:host) { |
+ background-color: rgba(220, 220, 220, 0.05); |
+ box-shadow: inset 0 1px 0 0 rgba(200, 200, 200, 0.05), 0 0 0 1px rgba(200, 200, 200, 0.12); |
+} |
+ |
+:host(.polymer-ui-dark-theme:active:host, .polymer-ui-dark-theme.selected:active:host) { |
+ background-color: rgba(200, 200, 200, 0.05); |
+ box-shadow: inset 0 1px 0 0 rgba(200, 200, 200, 0.1), 0 0 0 1px rgba(200, 200, 200, 0.12); |
+} |
+ |
+polymer-ui-icon { |
+ display: block !important; |
+} |