MD WebUI: Extract settings-dialog into shared cr-dialog element

ui/webui/resources/cr_elements/shared_style.html

Index: ui/webui/resources/cr_elements/shared_style.html
diff --git a/ui/webui/resources/cr_elements/shared_style.html b/ui/webui/resources/cr_elements/shared_style.html
new file mode 100644
index 0000000000000000000000000000000000000000..5c940d74505f7c750bbdf0653a2e8fb276bf4179
--- /dev/null
+++ b/ui/webui/resources/cr_elements/shared_style.html
@@ -0,0 +1,32 @@
+<link rel="import" href="chrome://resources/html/polymer.html">

[dpapad, 2016/06/17 02:46:01]

I think the convention is to name HTML files that purely contain CSS styles with
the suffix _css.html, so this would be shared_style_css.html

[tsergeant, 2016/06/17 04:21:17]

Done.

+
+<!-- Common styles for Material Design WebUI. Included directly in
+  settings_shared_css.html. -->
+<dom-module id="cr-shared-style">
+  <template>
+    <style>
+      .action-button {
+        background: var(--google-blue-500);
+        color: white;
+        --paper-button-flat-keyboard-focus: {
+          background-color: rgb(58, 117, 215);  /* 88% of --google-blue-500) */

[Dan Beam, 2016/06/21 05:30:35]

nit: remove ) in the comment, maybe?

[tsergeant, 2016/06/21 08:07:08]

Done.

+        };
+      }
+
+      .action-button[disabled] {
+        opacity: .25;  /* TODO(dbeam): check this value with bettes. */
+      }
+
+      .cancel-button {
+        --paper-button-flat-keyboard-focus: {
+          background-color: rgba(0, 0, 0, .12);
+        };
+      }
+
+      .action-button,
+      .cancel-button {
+        font-weight: 500;
+      }
+    </style>
+  </template>
+</dom-module>