Unified icon-buttons used in the new GAIA flow.

chrome/browser/resources/chromeos/login/gaia_icon_button.css

Index: chrome/browser/resources/chromeos/login/gaia_icon_button.css
diff --git a/chrome/browser/resources/chromeos/login/gaia_icon_button.css b/chrome/browser/resources/chromeos/login/gaia_icon_button.css
new file mode 100644
index 0000000000000000000000000000000000000000..60fb3bb63b5be2617e6cce936c348106cb864fc3
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/gaia_icon_button.css
@@ -0,0 +1,31 @@
+/* Copyright 2015 The Chromium 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 {
+  background: transparent;
+  border: none;
+  border-radius: 50%;
+  height: 24px;
+  margin: 0;
+  outline: none;
+  padding: 0;
+  width: 24px;
+}
+
+:host(:hover) {
+  cursor: pointer;
+}
+
+:host(:focus) {
+  background: rgba(0,0,0,.16);

[michaelpg, 2015/05/08 22:02:23]

nit: space after commas

[dzhioev (left Google), 2015/05/08 22:29:03]

Done.

+  border-color: transparent;
+  opacity: 0.75;
+}
+
+:host(:active) {
+  background: rgba(0,0,0,.12);

[michaelpg, 2015/05/08 22:02:23]

nit: space after commas

[dzhioev (left Google), 2015/05/08 22:29:03]

Done.

+  opacity: 1.0;
+}
+