Complete lesson 13

AnthonyDippy · May 13, 2019 · 17135a4 · 17135a4
1 parent bef0999
commit 17135a4
Show file tree

Hide file tree

Showing 6 changed files with 3,718 additions and 0 deletions.
diff --git a/13 - autoprefixer/build/styles.css b/13 - autoprefixer/build/styles.css
@@ -0,0 +1,15 @@
+.container {
+  display:flex;
+  flex-direction:column;
+  align-content:center;
+  justify-content:center;
+}
+
+.box1 {
+  flex:10 5 450px;
+}
+
+.box2 {
+  flex:1 1 360px;
+}
+
diff --git a/13 - autoprefixer/css/styles.css b/13 - autoprefixer/css/styles.css
@@ -0,0 +1,15 @@
+.container {
+  display:flex;
+  flex-direction:column;
+  align-content:center;
+  justify-content:center;
+}
+
+.box1 {
+  flex:10 5 450px;
+}
+
+.box2 {
+  flex:1 1 360px;
+}
+
diff --git a/13 - autoprefixer/gulpfile.js b/13 - autoprefixer/gulpfile.js
@@ -0,0 +1,17 @@
+var gulp = require('gulp');
+var autoprefixer = require('gulp-autoprefixer');
+
+// problems switching from gulp3 to gulp4
+
+// added async to make task run from terminal
+// autoprefixer still not working correctly
+gulp.task('styles', async function () {
+  gulp.src('css/styles.css')
+    .pipe(autoprefixer())
+    .pipe(gulp.dest('build'));
+})
+
+// not working at all
+gulp.task('watch', function () {
+  gulp.watch('css/styles.css', ['styles']);
+})
diff --git a/13 - autoprefixer/index.html b/13 - autoprefixer/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>AutoPrefixer Example</title>
+  <link rel="stylesheet" href="build/styles.css">
+</head>
+<body>
+
+</body>
+</html>