Merge pull request #22 from npranto/fb

adding layout for mobile content reordoering
npranto · Sep 29, 2017 · 8788c6b · 8788c6b
2 parents c0cb6ac + 21c3fa3
commit 8788c6b
Show file tree

Hide file tree

Showing 9 changed files with 2,074 additions and 1 deletion.
diff --git a/demos/mobile-content-reorder/README.md b/demos/mobile-content-reorder/README.md
@@ -0,0 +1,14 @@
+# navbar
+A demo for navigation bar with flexbox model
+
+#### Laptop with touch view
+![Laptop with touch view](./src/assets/Laptop%20with%20touch%20view.png)
+
+#### iPad view
+![iPad view](./src/assets/iPad%20view.png)
+
+#### Nexus 5X view
+![Nexus 5X view](./src/assets/Nexus%205X%20view.png)
+
+#### Nexus 4 view
+![Nexus 4 view](./src/assets/Nexus%204%20view.png)
diff --git a/demos/mobile-content-reorder/gulpfile.js b/demos/mobile-content-reorder/gulpfile.js
@@ -0,0 +1,12 @@
+var gulp = require('gulp');
+var autoprefixer = require('gulp-autoprefixer');
+
+gulp.task('style', function () {
+    gulp.src('./src/style.css')
+        .pipe(autoprefixer())
+        .pipe(gulp.dest('./src/build/'))
+})
+
+gulp.task('watch', function () {
+    gulp.watch('./src/style.css', ['style'])
+})