[MD settings] side nav ink ripple on click

chrome/browser/resources/settings/settings_menu/settings_menu.html

Index: chrome/browser/resources/settings/settings_menu/settings_menu.html
diff --git a/chrome/browser/resources/settings/settings_menu/settings_menu.html b/chrome/browser/resources/settings/settings_menu/settings_menu.html
index 0504e50afdd04de022579df833034716b385c81d..5e20c2dbc53b407a71e7d96a52a5bb4ad3225080 100644
--- a/chrome/browser/resources/settings/settings_menu/settings_menu.html
+++ b/chrome/browser/resources/settings/settings_menu/settings_menu.html
@@ -3,6 +3,7 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submenu.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripple.html">
 <link rel="import" href="/icons.html">
 <link rel="import" href="/settings_shared_css.html">
 
@@ -53,6 +54,14 @@
         };
       }
 
+      paper-menu div {
+        position: relative;  /* Needed for paper-ripple. */
+      }
+
+      paper-ripple {
+        color: rgba(33, 150, 243, .5);  /* Google-blue-500 at 50%. */

[Dan Beam, 2016/06/28 23:59:43]

can you use --google-blue-500 and opacity: .5?

[dschuyler, 2016/07/06 21:05:33]

Done.

+      }
+
       .page-menu paper-menu {
         --paper-menu-selected-item: {
           color: var(--google-blue-500);