ChromeOS OOBE: Implement network selection screen "Back" button.

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

Index: chrome/browser/resources/chromeos/login/oobe_back_button.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_back_button.css b/chrome/browser/resources/chromeos/login/oobe_back_button.css
new file mode 100644
index 0000000000000000000000000000000000000000..341760ebb556f44ab6f87e7fcf258889084d13b6
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/oobe_back_button.css
@@ -0,0 +1,44 @@
+/* Copyright 2016 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. */
+
+#button {
+  --paper-button-flat-keyboard-focus: {
+    border-color: rgba(66, 133, 244, 0.4); /* #4284f4 */
+    border-radius: 2px;
+    border-style: solid;
+    border-width: 2px;
+  };
+  color: var(--google-blue-500);
+  font: var(--oobe-roboto-bold), sans-serif;

[michaelpg, 2016/11/14 21:25:18]

font-family

[Alexander Alekseev, 2016/11/15 01:23:00]

--oobe-roboto-bold defines not only font family, but also font-weight. 

[michaelpg, 2016/11/16 01:50:28]

Then maybe the sans-serif option should go there?

It's confusing seeing it in this context.

[Alexander Alekseev, 2016/11/16 02:16:52]

To me it is more confusing to store several font options in a variable that
actually substitutes string "Roboto Bold". So this property has value like
"Either 'Roboto Bold' or 'sans-serif'".

The problem is that we do not have roboto font aliases for different weights
(like "Roboto Medium") and have to use font-weight instead. So I wanted to still
be able to specify "Roboto Medium", "Roboto Bold", etc as a single identifier.
But this variable was not meant to be anything than a single font.

+  font-size: 12px;
+  height: 32px; /* = 28 + border (2px + 2px) */
+  margin: 0;
+  min-width: 92px; /* = 88 + border (2px + 2px) */
+  padding: 0;
+}
+
+#button:not([focused]) {
+  border-color: transparent;
+  border-radius: 2px;
+  border-style: solid;
+  border-width: 2px;
+}
+
+#text {
+  -webkit-padding-end: 16px;
+  text-transform: none;
+}
+
+iron-icon {
+  --iron-icon-height: 12px;
+  --iron-icon-width: 12px;
+  -webkit-padding-end: 8px;
+  -webkit-padding-start: 16px;
+}
+
+#button[disabled] #text,
+#button[disabled] iron-icon {
+  color: rgba(0, 0, 0, 0.34);
+}
+