Get rid of the vendor directory, part 1

(first TODO in #246)

components/blockquote.jsx

@@ -15,7 +15,6 @@ var Blockquote = React.createClass({
     return (
       <blockquote className={this.props.className}>
         <figure>
-          <img src={this.props.imgSrc} alt={this.props.imgAlt} width="148" />
           <ImageTag src1x={this.props.imgSrc} src2x={this.props.imgSrc2x || this.props.imgSrc}
               alt={this.props.imgAlt} width={this.props.imgWidth || 148} />
         </figure>

gulpfile.js

@@ -15,6 +15,7 @@ var sitemap = require('gulp-sitemap');
 var beautify = require('gulp-jsbeautify');
 var jscs = require('gulp-jscs');
 var jshint = require('gulp-jshint');
+var autoprefixer = require('gulp-autoprefixer');
 
 require('node-jsx').install();
 
@@ -97,6 +98,11 @@ gulp.task('less', function() {
     .pipe(less({
       paths: [path.join(__dirname, 'less')]
     }))
+    .pipe(autoprefixer({
+      browsers: ['last 2 versions'],
+      cascade: false,
+      remove: true
+    }))
     .pipe(sourcemaps.write('./'))
     .pipe(gulp.dest('./dist'));
 });

less/styles.less

@@ -27,14 +27,14 @@ body {
 
 @media (min-width: @screen-md-min) {
   .page.container-fluid {
+    display: flex;
+    flex-direction: column;
     min-height: 100vh;
-    .flex-block();
-    .flex-direction(column);
   }
 
   .page.container-fluid > .row {
-    .flex-grow(1);
-    .flex-block();
+    display: flex;
+    flex-grow:1;
   }
 
   .hero-unit {
@@ -56,10 +56,10 @@ body {
   background-size: cover;
   height: 45rem;
   color: white;
+  display: flex;
+  flex-direction: column;
+  justify-content:center;
   text-align: center;
-  .flex-block();
-  .flex-direction(column);
-  .justify-content(center);
 }
 
 h1 {
@@ -316,8 +316,8 @@ img.img-scale-to-fit.img-circle {
   font-size: 3rem;
 
   @media (min-width: @screen-sm-min) {
-    .flex-block();
-    .align-items(center);
+    align-items: center;
+    display: flex;
   }
 }
 
@@ -362,8 +362,8 @@ blockquote {
 
   @media (min-width: @screen-sm-min) {
     .row {
-      .flex-block();
-      .align-items(stretch);
+      align-items: stretch;
+      display: flex;
     }
   }
 
@@ -392,8 +392,8 @@ footer {
   .sidebar {
     line-height: 4rem;
     @media (min-width: @screen-md-min) {
-      .flex-block();
-      .align-items(flex-end);
+      align-items: flex-end;
+      display: flex;
     }
   }
 

package.json

@@ -5,8 +5,9 @@
   "dependencies": {
     "es5-shim": "^4.1.0",
     "gulp": "^3.8.11",
-    "gulp-jsbeautify": "^0.1.1",
+    "gulp-autoprefixer": "^2.1.0",
     "gulp-gzip": "^1.0.0",
+    "gulp-jsbeautify": "^0.1.1",
     "gulp-jscs": "^1.4.0",
     "gulp-jshint": "^1.9.2",
     "gulp-less": "^3.0.1",
@@ -19,8 +20,8 @@
     "gulp-webpack": "^1.2.0",
     "gulp-webserver": "^0.9.0",
     "imports-loader": "^0.6.3",
-    "jsx-loader": "^0.12.2",
     "json-loader": "^0.5.1",
+    "jsx-loader": "^0.12.2",
     "mapbox.js": "^2.1.5",
     "merge-stream": "^0.1.7",
     "mocha": "^2.1.0",
@@ -32,9 +33,9 @@
     "react-a11y": "0.0.6",
     "react-router": "^0.12.4",
     "should": "^5.1.0",
+    "sinon": "git://github.com/cjohansen/Sinon.JS#b672042043517b9f84e14ed0fb8265126168778a",
     "underscore": "^1.8.2",
     "vinyl": "^0.4.6",
-    "sinon": "git://github.com/cjohansen/Sinon.JS#b672042043517b9f84e14ed0fb8265126168778a",
     "webpack": "^1.6.0"
   },
   "devDependencies": {},