Update stylesheets to format NaCl demos.

chrome/common/extensions/docs/static/sass/_demos.scss

Index: chrome/common/extensions/docs/static/sass/_demos.scss
diff --git a/chrome/common/extensions/docs/static/sass/_demos.scss b/chrome/common/extensions/docs/static/sass/_demos.scss
new file mode 100644
index 0000000000000000000000000000000000000000..d8789585dc197e2b162e330b8dfb2e85569e9306
--- /dev/null
+++ b/chrome/common/extensions/docs/static/sass/_demos.scss
@@ -0,0 +1,78 @@
+.demo {
+  * {
+    box-sizing: border-box;
+    webkit-box-sizing: border-box;
+  }
+
+  div {
+    flex: 1 1 auto;
+
+    .panel-info {
+      border-top: 1px solid #cccccc;
+      margin-top: 20px;
+      padding-top: 20px;
+    }
+  }
+
+  div.Demo-body {
+    border: 1px solid #dfdfdf;
+    display: flex;
+    flex-direction: column;
+    padding: 10px;
+    position: relative;
+
+    embed {
+      display: block;
+      flex: 1 1 auto;
+    }
+  }
+
+  div.Demo-content {
+    display: flex;
+    flex-direction: column;
+  }
+
+  div.intro {
+    display: flex;
+    flex-direction: column;
+  }
+  
+  header {
+    padding: 0;
+  }
+
+  .intro {
+    max-width: 360px;
+    padding-right: 40px;
+  }
+
+  p {
+    margin: 0 0 1em 0;
+  }
+
+  p.note {
+    background: transparent;
+    border: none;
+    padding: 0;
+    width: 100%;
+  }
+
+  section {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: row;
+    padding: 0 25px 25px 0;
+  }
+
+  td, th {
+    border: none;
+  }
+
+  td.name, th.name {
+    font-weight: bold;
+  }
+
+  tr {
+    border: none;
+  }
+}