Index: third_party/polymer/components-chromium/paper-button/paper-button.css |
diff --git a/third_party/polymer/components-chromium/paper-button/paper-button.css b/third_party/polymer/components-chromium/paper-button/paper-button.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..e8954ac3bcd72e3e31ecb8aa8a7d113dff7f6cb2 |
--- /dev/null |
+++ b/third_party/polymer/components-chromium/paper-button/paper-button.css |
@@ -0,0 +1,115 @@ |
+:host { |
+ display: inline-block; |
+ position: relative; |
+ border: 0; |
+ background: transparent; |
+ text-align: center; |
+ font: inherit; |
+ text-transform: uppercase; |
+ outline: none; |
+ border-radius: 3px; |
+ -webkit-user-select: none; |
+ user-select: none; |
+ cursor: pointer; |
+} |
+ |
+:host(.hover:hover) { |
+ background: #e4e4e4; |
+} |
+ |
+:host([raisedButton]) { |
+ background: #dfdfdf; |
+} |
+ |
+:host([raisedButton].hover:hover) { |
+ background: #d6d6d6; |
+} |
+ |
+:host([disabled]) { |
+ background: #eaeaea !important; |
+ color: #a8a8a8 !important; |
+ cursor: auto; |
+} |
+ |
+#shadow-container { |
+ border-radius: inherit; |
+} |
+ |
+#clip { |
+ position: relative; |
+ border-radius: inherit; |
+ overflow: hidden; |
+} |
+ |
+/* |
+#focusBg { |
+ position: absolute; |
+ top: 0; |
+ left: 0; |
+ bottom: 0; |
+ right: 0; |
+ opacity: 0; |
+ border-radius: inherit; |
+ background: #c3c3c3; |
+ -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); |
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); |
+} |
+ |
+:host([focused]) #focusBg { |
+ -webkit-transition: none; |
+ transition: none; |
+ -webkit-animation: focus-fade 0.7s infinite alternate; |
+ animation: focus-fade 0.7s infinite alternate; |
+} |
+ |
+@-webkit-keyframes focus-fade { |
+ 0% { |
+ opacity: 1; |
+ } |
+ 100% { |
+ opacity: 0; |
+ } |
+} |
+ |
+@keyframes focus-fade { |
+ 0% { |
+ opacity: 1; |
+ } |
+ 100% { |
+ opacity: 0; |
+ } |
+} |
+*/ |
+ |
+#ripple { |
+ position: absolute; |
+ top: 0; |
+ left: 0; |
+ bottom: 0; |
+ right: 0; |
+ color: #d1d1d1; |
+ pointer-events: none; |
+} |
+ |
+:host([raisedButton]) #ripple { |
+ color: #cecece; |
+} |
+ |
+#ripple::shadow canvas { |
+ top: 0; |
+ left: 0; |
+} |
+ |
+#content { |
+ /* needed to position the ink behind the content */ |
+ position: relative; |
+} |
+ |
+#icon { |
+ margin: 8px; |
+} |
+ |
+#content > span { |
+ display: inline-block; |
+ margin: 0.5em; |
+} |