WIP: Create a plugin interface for wp-admin from Calypso

.gitignore

@@ -35,6 +35,8 @@ env-config.sh
 /public/style*.css.map
 /public/editor*.css
 /public/directly*.css
+/public/jetpack*.css
+/public/jetpack*.css.map
 /public/images/flags/*.svg
 /public/images/flags/*.png
 /server/devdocs/search-index.js

assets/stylesheets/_wpadmin-normalize.scss

@@ -0,0 +1,6 @@
+.layout__content {
+	padding: 0;
+}
+.button {
+	height: auto;
+}

assets/stylesheets/jetpack.scss

@@ -0,0 +1,64 @@
+// namespaceing breaks nested & selectors
+// For example, in #wpcom wrapper:
+// .foldable-card__content {
+//   display: none;
+//   .foldable-card.is-expanded & {
+//     display: block;
+//   }
+// }
+//
+// produces
+//
+// #wpcom .foldable-card__content {
+//   display: none;
+// }
+//                              |------this is a problem
+//                            vvvvvv
+// .foldable-card.is-expanded #wpcom .foldable-card__content {
+//   display: block;
+// }
+//
+// #wpcom {
+	@import 'shared/normalize';
+
+	// External Dependencies
+	@import 'vendor';
+
+	// Shared
+	@import 'shared/reset';                        // css reset before the rest of the styles are defined
+	@import 'shared/functions';                    // functions that we've used from Compass, ported over
+	@import 'shared/functions/functions';          // sass functions for z-index, etc.
+	@import 'shared/colors';                       // import all of our wpcom colors
+	@import 'shared/utilities';                    // Helper classes
+	@import 'shared/typography';                   // all the typographic rules, variables, etc.
+	@import 'shared/mixins/mixins';                // sass mixins for gradients, bordius radii, etc.
+	@import 'shared/extends';                      // sass extends for commonly used styles
+	@import 'shared/animation';                    // all UI animation
+	@import 'shared/forms';                        // form styling
+	@import 'shared/dropdowns';                    // dropdown styling
+	@import 'shared/livechat';                     // styles for the popup livechat box
+	@import 'shared/welcome';                      // welcome messages
+	@import 'shared/infinite-scroll-end';          // Last page marker once infinite scroll has reached end
+
+	// Main
+	@import 'main';                                // global layout and responsive styles
+
+	// Sections
+	@import 'sections/updated-confirmation';       // confirmation boxes for posts/pages
+	@import 'sections/notifications';              // notifications styles
+	@import 'sections/domain-search';              // Domain Search styles
+
+	// Components
+	@import 'components';
+
+	// Extensions
+	@import 'extensions/woocommerce/style';
+	@import 'extensions/wp-super-cache/style';
+
+	// Devdocs
+	@import 'devdocs/design/style';
+	@import 'devdocs/design/syntax';
+
+	// WP Admin Environment
+	@import 'wpadmin-normalize';
+// }