Scaffold for MD-Settings.

chrome/browser/resources/settings/settings_main/settings_main.css

Index: chrome/browser/resources/settings/settings_main/settings_main.css
diff --git a/chrome/browser/resources/settings/settings_main/settings_main.css b/chrome/browser/resources/settings/settings_main/settings_main.css
new file mode 100644
index 0000000000000000000000000000000000000000..15037633975d96b6a14235e5627035123bdda589
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_main/settings_main.css
@@ -0,0 +1,28 @@
+/* Copyright 2015 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. */
+
+:host {
+  background-color: rgb(219, 222, 224);

[Jeremy Klein, 2015/03/09 21:17:14]

Same question as the other CL about where these color values came from.

[michaelpg, 2015/03/09 22:24:11]

Straight from the mocks.

[stevenjb, 2015/03/10 17:22:53]

Weren't we going to look into a better way to define colors? Not that I have any
suggestions mind you.

[Jeremy Klein, 2015/03/10 17:27:05]

Michael and I talked about this briefly off-thread and we think this can
probably be done using core-style, but it's probably worth doing in another CL.
For now, I think we should go with colors from:

http://www.google.com/design/spec/style/color.html

[stevenjb, 2015/03/10 17:28:42]

sgtm

[michaelpg, 2015/03/12 01:41:39]

I spoke with Cody, who said he's still waiting to hear back about the colors.
But he did say the deviation from the specs was intentional. Rather than do the
work of finding colors from the spec that could change soon, I think we should
just move forward with the understanding that colors (like the rest of the UI)
haven't been signed off on.

[Jeremy Klein, 2015/03/12 02:11:18]

Ok, sounds good to me.

+  color: black;
+  display: block;
+}
+
+#container {
+  box-sizing: border-box;
+  height: 100%;
+  overflow: auto;
+  padding-top: 5px;
+}
+
+core-animated-pages {
+  background-color: white;
+  border-radius: 2px;

[Jeremy Klein, 2015/03/09 21:17:14]

I'm not sure I see where there's a border-radius for this in the mocks...

[michaelpg, 2015/03/09 22:24:11]

You're right, will remove.

+  box-shadow: -2px 2px 3px 0 rgb(194, 197, 199);

[Jeremy Klein, 2015/03/09 21:17:14]

Shouldn't we be using a paper-shadow for this to match material shadows exactly?

[michaelpg, 2015/03/12 01:41:39]

Done.

+  flex: 2;
+  margin: 0 20px 0;

[Jeremy Klein, 2015/03/09 21:17:14]

RTL?

[Dan Beam, 2015/03/09 21:23:30]

this is the same in LTR and RTL and could be shortened to: 0 20px

[Jeremy Klein, 2015/03/09 21:25:18]

Ah yeah, are you overriding some left margin, though with 0?

[michaelpg, 2015/03/12 01:41:39]

I'm adding a 20px margin on either side.

+}
+
+core-animated-pages > section {
+  padding: 10px;
+}