added scss files

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

Index: chrome/common/extensions/docs/static/sass/_homepage.scss
diff --git a/chrome/common/extensions/docs/static/sass/_homepage.scss b/chrome/common/extensions/docs/static/sass/_homepage.scss
new file mode 100644
index 0000000000000000000000000000000000000000..cb625d49f776b7c3acd1b91c93c2945dac2bb0cb
--- /dev/null
+++ b/chrome/common/extensions/docs/static/sass/_homepage.scss
@@ -0,0 +1,96 @@
+
+#gc-pagecontent {
+  .g-section {
+    h1, h2, h3 {
+      margin: 0;
+    }
+  }
+}
+
+#upcoming-events, #featured {
+  .screenshot {
+    margin-top: 0;
+  }
+}
+
+#upcoming-events {
+  article {
+    border: $default-border;
+    border-width: 0 0 1px 0;
+    padding: $default-padding 0;
+
+    &:first-child {
+      padding-top: 0;
+    }
+
+    &:last-child {
+      padding-bottom: 0;
+      border: none;
+    }
+  }
+}
+
+#site-sections {
+  background-color: $gray-light;
+  //padding: $main-content-top-margin / 2;
+  padding: $default-padding;
+  text-align: center;
+
+  h2 {
+    padding-top: 20px;
+
+    &::before {
+      display: block;
+      content: '';
+      background: url("../images/bucket-icons.svg") 12px 50% no-repeat;
+      width: 100px;
+      height: 65px;
+      background-size: cover;
+      margin: auto;
+      margin-bottom: 20px;
+    }
+    &.multidevice {
+      &::before {
+        background-position: -91px 50%;
+      }
+    }
+    &.platform {
+      &::before {
+        background-position: -194px 50%;
+      }
+    }
+  }
+}
+
+#developer-news {
+  margin-top: 4em;
+
+  .g-content {
+    margin-right: $default-padding;
+  }
+
+  h1 {
+    margin-bottom: $default-padding * 2 !important;
+  }  
+}
+
+
+// Larger than Phone
+@media only screen and (min-width: $break-small)  { 
+  #featured {
+    $column-padding: 30px;
+    padding-right: $column-padding;
+    padding-bottom: $default-padding / 2;
+    border: $default-border;
+    border-width: 0 1px 0 0;
+
+    img {
+      margin-bottom: $default-padding;
+    }
+  }
+}
+
+// // Tablet
+// @media only screen and (min-width: $break-small + 1) and (max-width: $break-large) { 
+
+// }