Turn off some postcss modules; simplify CSS

circlecell · May 31, 2016 · 5d59d68 · 5d59d68
1 parent b2d8c84
commit 5d59d68
Show file tree

Hide file tree

Showing 2 changed files with 57 additions and 51 deletions.
diff --git a/pcss/style.pcss b/pcss/style.pcss
@@ -28,33 +28,41 @@ textarea {
     color: #fff;
     padding: .5em 1em;
     text-decoration: none;
-	&:disabled {
-		background: grey;
-	}
+
+}
+
+.button:disabled {
+    background: grey;
 }
 
 .error {
 	color: red;
     font-family: monospace;
     white-space: pre;
-	&:empty {
-		display: none;
-	}
+
+}
+
+.error:empty {
+    display: none;
 }
 
 
 .tab-nav {
     margin-bottom: 30px;
-    li {
-        padding: .5em 1em;
-        cursor: pointer;
-        display: inline-block;
-        border-bottom: 3px solid transparent;
 
-        &.active {
-            border-bottom-color: #aaa;;
-        }
-    }
+}
+
+.tab-nav li {
+    padding: .5em 1em;
+    cursor: pointer;
+    display: inline-block;
+    border-bottom: 3px solid transparent;
+
+
+}
+
+.tab-nav li.active {
+    border-bottom-color: #aaa;;
 }
 
 .tab-pane {
@@ -83,37 +91,39 @@ textarea {
   padding-top: 215px;
   padding-bottom: 100px;
 
-  &.dragovered {
-      outline-offset: -20px;
-      outline-color: #c8dadf;
-      background-color: #f0f0f0;
-  }
-
-  .file-input {
-      width: 0.1px;
-      height: 0.1px;
-      opacity: 0;
-      overflow: hidden;
-      position: absolute;
-      z-index: -1;
-  }
-
-  .file-label {
-    font-weight: bold;
-	cursor: pointer;
-
-  }
-
-  .file-list {
-	  text-align: center;
-  }
-
-  .file-item {
-      .remove::after {
-          content: '❌';
-          cursor: pointer;
-      }
-  }
+
+}
+
+.file-wrapper.dragovered {
+    outline-offset: -20px;
+    outline-color: #c8dadf;
+    background-color: #f0f0f0;
+}
+
+.file-wrapper .file-input {
+    width: 0.1px;
+    height: 0.1px;
+    opacity: 0;
+    overflow: hidden;
+    position: absolute;
+    z-index: -1;
+}
+
+.file-wrapper .file-label {
+  font-weight: bold;
+  cursor: pointer;
+
+}
+
+.file-wrapper .file-list {
+    text-align: center;
+}
+
+.file-wrapper .file-item {
+    .remove::after {
+        content: '❌';
+        cursor: pointer;
+    }
 }
 
 

diff --git a/webpack.config.js b/webpack.config.js
@@ -6,11 +6,7 @@ const ExtractTextPlugin = require('extract-text-webpack-plugin'),
 	path = require('path'),
 	postcssPlugins = [
 		require('postcss-import'),
-		require('postcss-url')({
-			url: "inline",
-			from: "pcss/stype.pcss"
-		}),
-		require('postcss-nested')(),
+		//require('postcss-nested')(),
 		require('postcss-cssnext')(),
 		require('postcss-calc')()
 	];