Add css for v2

Author: KaneFreeman

README.md

@@ -71,7 +71,7 @@ The js module might look like this:
  */
 import CMS from "@staticcms/app"
 
-import '@staticcms/core/dist/main.css';
+import '@staticcms/app/dist/main.css';
 
 /**
  * Any imported styles should be automatically be applied to the editor preview
@@ -122,7 +122,7 @@ The js module might look like this:
 ```javascript
 import CMS from "@staticcms/app"
 
-import '@staticcms/core/dist/main.css';
+import '@staticcms/app/dist/main.css';
 
 /**
  * Optionally pass in a config object. This object will be merged into `config.yml` if it exists

src/cms.js

@@ -1,25 +1,25 @@
-import CMS from "@staticcms/app"
+import CMS from "@staticcms/app";
+import "@staticcms/app/dist/main.css";
+
 // set global variables required by Gatsby's components
 // https://github.com/gatsbyjs/gatsby/blob/deb41cdfefbefe0c170b5dd7c10a19ba2b338f6e/docs/docs/production-app.md#window-variables
 // some Gatsby components require these global variables set here:
 // https://github.com/gatsbyjs/gatsby/blob/deb41cdfefbefe0c170b5dd7c10a19ba2b338f6e/packages/gatsby/cache-dir/production-app.js#L28
-import emitter from "gatsby/cache-dir/emitter"
-window.___emitter = emitter
-window.___loader = { enqueue: () => {}, hovering: () => {} }
+import emitter from "gatsby/cache-dir/emitter";
+window.___emitter = emitter;
+window.___loader = { enqueue: () => {}, hovering: () => {} };
 
 /**
  * Load Static CMS automatically if `window.CMS_MANUAL_INIT` is set.
  */
 // eslint-disable-next-line no-undef
 if (!CMS_MANUAL_INIT) {
-  CMS.init()
+  CMS.init();
 } else {
-  console.log(
-    `\`CMS_MANUAL_INIT\` flag set, skipping automatic initialization.'`
-  )
+  console.log(`\`CMS_MANUAL_INIT\` flag set, skipping automatic initialization.'`);
 }
 
 /**
  * The stylesheet output from the modules at `modulePath` will be at `cms.css`.
  */
-CMS.registerPreviewStyle(`cms.css`)
+CMS.registerPreviewStyle(`cms.css`);