Replaced gulp with npm scripts

- Removed all gulp packages
- Replaced gulp tasks with npm scripts
- Some tasks are still missing
- Kept gulp files for reference
- Fixed media query styles

package.json

@@ -2,53 +2,52 @@
   "name": "hippie",
   "version": "0.4.2",
   "description": "Hippie interweaves preeminent personal interface elements",
-  "main": "gulpfile.js",
+  "keywords": [
-  "scripts": {
+    "web",
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "frontend",
-    "preversion": "npm test",
+    "framework",
-    "version": "gulp build && git add -A dist",
+    "sass",
-    "postversion": "git push && git push --tags"
+    "css",
+    "html",
+    "js"
+  ],
+  "homepage": "https://github.com/sthag/hippie#readme",
+  "bugs": {
+    "url": "https://github.com/sthag/hippie/issues",
+    "email": "klarsichtweise@gmail.com"
   },
+  "license": "MIT",
+  "author": "Stephan Hagedorn",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/sthag/hippie.git"
   },
-  "author": "Stephan Hagedorn",
+  "scripts": {
-  "license": "MIT",
+    "hello": "echo -n \"This is \" && node -p \"process.env.npm_package_name\" | tr '[:lower:]' '[:upper:]'",
-  "bugs": {
+    "test": "echo \"Error: no test specified\" && exit 1",
-    "url": "https://github.com/sthag/hippie/issues"
+    "preversion": "npm test",
+    "version": "gulp build && git add -A dist",
+    "postversion": "git push && git push --tags",
+    "clean": "npm run clean:build & npm run clean:deploy & npm run clean:report & npm run clean:test",
+    "clean:build": "rm -rf build/*",
+    "clean:deploy": "rm -rf deploy/*",
+    "clean:report": "rm -rf report/*",
+    "clean:test": "rm -rf test/*",
+    "serve": "browser-sync start --no-open --index 'demo.html' --server 'build'",
+    "serve:watch": "browser-sync start --open false --files 'build' --server 'build'",
+    "style": "npm run style:compile",
+    "style:compile": "sass source/style:build/css --load-path=vendor",
+    "style:prefix": "",
+    "style:watch": ""
+  },
+  "config": {
+    "port": "3000"
   },
-  "homepage": "https://github.com/sthag/hippie#readme",
   "devDependencies": {
-    "@babel/core": "~7",
-    "@babel/preset-env": "~7",
     "browser-sync": "^2.27.10",
-    "del": "^7.0.0",
-    "gulp": "^4.0.2",
-    "gulp-autoprefixer": "^8.0.0",
-    "gulp-babel": "~8.0",
-    "gulp-cached": "^1.1.1",
-    "gulp-changed": "^4.0.3",
-    "gulp-clean-css": "~4",
-    "gulp-concat": "^2.6.1",
-    "gulp-data": "^1.3.1",
-    "gulp-if": "~3",
-    "gulp-jshint": "~2",
-    "gulp-json-concat": "~0.2",
-    "gulp-notify": "^4.0.0",
-    "gulp-nunjucks-render": "^2.2.3",
-    "gulp-plumber": "^1.2.1",
-    "gulp-remember": "^1.0.1",
-    "gulp-rename": "~2",
-    "gulp-sass": "~5",
-    "gulp-sass-lint": "^1.4.0",
-    "gulp-uglify": "^3.0.2",
-    "gulp-useref": "^5.0.0",
-    "gulp.spritesmith": "^6.13.0",
     "jshint": "~2",
     "jshint-stylish": "^2.2.1",
-    "merge-stream": "^2.0.0",
-    "pump": "^3.0.0",
     "sass": "^1.54.0"
-  }
+  },
+  "private": true
 }

source/style/hippie-style

@@ -1 +1 @@
-Subproject commit 0214054c81aaa29150d97efa0d03b6328c0258fb
+Subproject commit bf818600f866abb2e1541aa70acc03ca2ebcd148

source/style/modules/demo/_demo_module.scss

@@ -180,31 +180,31 @@
 }
 
 .demo__query_example {
-	@include goingLarge($screen_tiny * 1px) {background-color: $alpha_color; }
+	@include goingLarge($screen_tiny) {background-color: $alpha_color; }
-	@include goingLarge($screen_small * 1px) {background-color: $bravo_color; }
+	@include goingLarge($screen_small) {background-color: $bravo_color; }
-	@include goingLarge($screen_medium * 1px) {background-color: $charlie_color; }
+	@include goingLarge($screen_medium) {background-color: $charlie_color; }
-	@include goingLarge($screen_large * 1px) {background-color: $delta_color; }
+	@include goingLarge($screen_large) {background-color: $delta_color; }
-	@include goingLarge($screen_huge * 1px) {background-color: $echo_color; }
+	@include goingLarge($screen_huge) {background-color: $echo_color; }
-	@include goingLarge($screen_gigantic * 1px) {background-color: $foxtrot_color; }
+	@include goingLarge($screen_gigantic) {background-color: $foxtrot_color; }
 	margin-bottom: $space_small;
 	padding: $space_small;
 	text-align: center;
 
 	&:after {
 		@extend code;
-		@include goingLarge($screen_tiny * 1px) {
+		@include goingLarge($screen_tiny) {
 			& { content: '768px'; }
 		}
-		@include goingLarge($screen_small * 1px) {
+		@include goingLarge($screen_small) {
 			& { content: '1024px'; }
 		}
-		@include goingLarge($screen_medium * 1px) {
+		@include goingLarge($screen_medium) {
 			& { content: '1280px'; }
 		}
-		@include goingLarge($screen_huge * 1px) {
+		@include goingLarge($screen_huge) {
 			& { content: '1680px'; }
 		}
-		@include goingLarge($screen_gigantic * 1px) {
+		@include goingLarge($screen_gigantic) {
 			& { content: '1920px'; }
 		}
 		content: '< 768px';