Separate uppy css from dragdrop css

src/scss/uppy.scss

@@ -4,45 +4,3 @@
   border: 1px dashed pink;
   font-size: 32px;
 }
-
-/**
-* Drag & Drop
-*/
-
-.UppyDragDrop {
-  width: 300px;
-  text-align: center;
-  padding: 100px 10px;
-}
-
-/* http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/ */
-.UppyDragDrop-input {
-  width: 0.1px;
-	height: 0.1px;
-	opacity: 0;
-	overflow: hidden;
-	position: absolute;
-	z-index: -1;
-}
-
-.UppyDragDrop.is-dragdrop-supported {
-  border: 2px dashed;
-  border-color: #ccc;
-}
-
-.UppyDragDrop-label {
-  cursor: pointer;
-}
-
-.UppyDragDrop-dragText {
-  display: none;
-}
-
-.is-dragdrop-supported .UppyDragDrop-dragText {
-  display: inline;
-}
-
-.UppyDragDrop.is-dragover {
-  border-color: #d2ecea;
-  background-color: #dbf5f3;
-}

website/_config.yml

@@ -4,9 +4,9 @@
 
 # Uppy versions, auto updated by update.js
 uppy_version: 0.0.1
-uppy_dev_size: "56.44"
-uppy_min_size: "56.44"
-uppy_gz_size: "56.44"
+uppy_dev_size: "55.95"
+uppy_min_size: "55.95"
+uppy_gz_size: "55.95"
 
 # Theme
 google_analytics: UA-63083-12

website/src/examples/dragdrop/app.css

@@ -1,3 +1,7 @@
+/**
+* Drag & Drop
+*/
+
 .UppyDragDrop-puppy {
   max-width: 80px;
 }
@@ -6,3 +10,41 @@
   display: block;
   margin: 20px 0;
 }
+
+.UppyDragDrop {
+  width: 300px;
+  text-align: center;
+  padding: 100px 10px;
+}
+
+/* http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/ */
+.UppyDragDrop-input {
+  width: 0.1px;
+	height: 0.1px;
+	opacity: 0;
+	overflow: hidden;
+	position: absolute;
+	z-index: -1;
+}
+
+.UppyDragDrop.is-dragdrop-supported {
+  border: 2px dashed;
+  border-color: #ccc;
+}
+
+.UppyDragDrop-label {
+  cursor: pointer;
+}
+
+.UppyDragDrop-dragText {
+  display: none;
+}
+
+.is-dragdrop-supported .UppyDragDrop-dragText {
+  display: inline;
+}
+
+.UppyDragDrop.is-dragover {
+  border-color: #d2ecea;
+  background-color: #dbf5f3;
+}

website/themes/uppy/source/css/uppy.css

@@ -3,37 +3,3 @@
   color: purple;
   border: 1px dashed pink;
   font-size: 32px; }
-
-/**
-* Drag & Drop
-*/
-.UppyDragDrop {
-  width: 300px;
-  text-align: center;
-  padding: 100px 10px; }
-
-/* http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/ */
-.UppyDragDrop-input {
-  width: 0.1px;
-  height: 0.1px;
-  opacity: 0;
-  overflow: hidden;
-  position: absolute;
-  z-index: -1; }
-
-.UppyDragDrop.is-dragdrop-supported {
-  border: 2px dashed;
-  border-color: #ccc; }
-
-.UppyDragDrop-label {
-  cursor: pointer; }
-
-.UppyDragDrop-dragText {
-  display: none; }
-
-.is-dragdrop-supported .UppyDragDrop-dragText {
-  display: inline; }
-
-.UppyDragDrop.is-dragover {
-  border-color: #d2ecea;
-  background-color: #dbf5f3; }