MD Settings: replace paper-material with paper-material-shared-styles

chrome/browser/resources/settings/settings_page/settings_section.html

Index: chrome/browser/resources/settings/settings_page/settings_section.html
diff --git a/chrome/browser/resources/settings/settings_page/settings_section.html b/chrome/browser/resources/settings/settings_page/settings_section.html
index ed4e2632c1b5c55b0f9a5d63d63d343e9120156f..dc6fc2c07deeafde8b88b48e91c5fc973ba60e95 100644
--- a/chrome/browser/resources/settings/settings_page/settings_section.html
+++ b/chrome/browser/resources/settings/settings_page/settings_section.html
@@ -1,16 +1,21 @@
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animation-runner-behavior.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-material/paper-material.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.html">
+<link rel="import" href="chrome://md-settings/settings_page/settings_section_css.html">
 
 <dom-module id="settings-section">
-  <link rel="import" type="css" href="settings_section.css">
   <template>
+    <style is="custom-style" include="settings-section-styles">

[dschuyler, 2016/05/04 22:23:39]

Is settings-section-styles likely to be used elsewhere?
If it's only used in one place, let's inline it here.

[michaelpg, 2016/05/05 13:36:49]

Done.

+      #card {
+        @apply(--shadow-elevation-2dp);
+      }
+    </style>
     <div id="header">
       <div class="title">{{pageTitle}}</div>
     </div>
-    <paper-material id="card" animated>

[michaelpg, 2016/05/04 02:55:25]

there is a corresponding TODO in main_page_behavior.js to adjust the elevation,
we'll deal "animated" then

+    <div id="card">
       <content id="content"></content>
-    </paper-material>
+    </div>
   </template>
   <script src="settings_section.js"></script>
 </dom-module>