MD Settings: clean up text controls (links, buttons)

ui/webui/resources/html/action_link_css.html

Index: ui/webui/resources/html/action_link_css.html
diff --git a/ui/webui/resources/html/action_link_css.html b/ui/webui/resources/html/action_link_css.html
new file mode 100644
index 0000000000000000000000000000000000000000..94ba00edf9662988066f127b02784789bb1f9935
--- /dev/null
+++ b/ui/webui/resources/html/action_link_css.html
@@ -0,0 +1,28 @@
+<!-- "action_link_css.html" replaces "action_link.css" for MD pages. -->
+<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">

[Dan Beam, 2017/01/26 05:43:37]

this needs a <link rel="import" href="chrome://resources/html/polymer.html">

you should not often need to the order of the imports (like you did) for a test
or something.  typically alphabetical should work.  this file is not loading
polymer.html so it's loading polymer directly without setting up a config.

+
+<dom-module id="action-link">
+  <template>
+    <style>
+      [is='action-link'] {
+        @apply(--cr-actionable);
+        text-decoration: none;
+      }
+
+      [is='action-link'],
+      [is='action-link']:active,
+      [is='action-link']:hover,
+      [is='action-link']:visited {
+        color: var(--google-blue-700);
+      }
+
+      [is='action-link'][disabled] {
+        color: var(--paper-grey-600);
+        cursor: default;
+        opacity: 0.65;
+        pointer-events: none;
+      }
+    </style>
+  </template>
+</dom-module>