Added gulp

bad6e · bad6e · commit c68aaba06dea · 2016-12-12T08:32:09.000-07:00
diff --git a/03 - CSS Variables/.gitignore b/03 - CSS Variables/.gitignore
@@ -0,0 +1 @@
+/node_modules
diff --git a/03 - CSS Variables/gulpfile.js b/03 - CSS Variables/gulpfile.js
@@ -0,0 +1,16 @@
+const gulp = require('gulp');
+const browserSync = require('browser-sync').create();
+
+gulp.task('default', ['browser-sync']);
+
+gulp.task('browser-sync', ['watch'], function() {
+  return browserSync.init({ server:  { baseDir: './src' } });
+});
+
+gulp.task('watch', function() {
+  return gulp.watch('./src/**/*', ['refresh']);
+});
+
+gulp.task('refresh', function() {
+  return browserSync.reload();
+});
diff --git a/03 - CSS Variables/index-FINISHED.html b/03 - CSS Variables/index-FINISHED.html
diff --git a/03 - CSS Variables/package.json b/03 - CSS Variables/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "2",
+  "version": "1.0.0",
+  "description": "",
+  "main": "variables.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "browser-sync": "^2.18.2",
+    "gulp": "^3.9.1"
+  }
+}
diff --git a/03 - CSS Variables/src/index.html b/03 - CSS Variables/src/index.html
@@ -52,8 +52,7 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>
     }
   </style>
 
-  <script>
-  </script>
+  <script src='variables.js'></script>
 
 </body>
 </html>
diff --git a/03 - CSS Variables/src/variables.js b/03 - CSS Variables/src/variables.js

Original file line number	Diff line number	Diff line change
`@@ -52,8 +52,7 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>`
`52`	`52`	`}`
`53`	`53`	`</style>`
`54`	`54`
`55`		`- <script>`
`56`		`- </script>`
	`55`	`+ <script src='variables.js'></script>`
`57`	`56`
`58`	`57`	`</body>`
`59`	`58`	`</html>`