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) { |
+ |
+// } |