sipp11
/
react-flux-jwt-seed
1
0
Fork 0
Code Issues Pull Requests Releases Activity
Browse Source

Add bower + foundation

bower
sipp11 9 years ago
parent
6b8c2e6236
commit
770979c014
6 changed files with 81 additions and 2 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      .gitignore
  2. 23
      bower.json
  3. 14
      gulpfile.js
  4. 2
      index.html
  5. 1
      package.json
  6. 42
      scss/style.scss

1
.gitignore vendored
Unescape View File

@ -1,3 +1,4 @@
node_modules
.DS_Store
npm-debug.log
bower_components

23
bower.json
Unescape View File

@ -0,0 +1,23 @@
{
"name": "expensy-react",
"description": "Seed project for React, Browserify, Rework SPAs",
"main": "app.js",
"authors": [
"sipp11 <sipp11@zzyzx.co>"
],
"license": "MIT",
"moduleType": [
"es6"
],
"homepage": "",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
],
"dependencies": {
"foundation": "~5.5.3"
}
}

14
gulpfile.js
Unescape View File

@ -6,6 +6,7 @@ var babelify = require('babelify');
var watchify = require('watchify');
var notify = require('gulp-notify');
var sass = require('gulp-sass');
var stylus = require('gulp-stylus');
var autoprefixer = require('gulp-autoprefixer');
var uglify = require('gulp-uglify');
@ -31,8 +32,18 @@ gulp.task('styles',function() {
gulp.src('css/style.styl')
.pipe(stylus())
.pipe(autoprefixer())
.pipe(gulp.dest('./build/css/'))
.pipe(gulp.dest('./build'))
.pipe(reload({stream:true}))
gulp.src('scss/*.scss')
.pipe(sass({
includePaths: ['bower_components/foundation/scss']
}))
.pipe(stylus())
.pipe(autoprefixer())
.pipe(gulp.dest('./build/css'))
.pipe(reload({stream:true}))
});
/*
@ -107,5 +118,6 @@ gulp.task('scripts', function() {
// run 'scripts' task first, then watch for future changes
gulp.task('default', ['images','styles','scripts','browser-sync'], function() {
gulp.watch('css/**/*', ['styles']); // gulp watch for stylus changes
gulp.watch('scss/**/*', ['styles']); // gulp watch for stylus changes
return buildScript('app.jsx', true); // browserify watch for JS changes
});

2
index.html
Unescape View File

@ -2,7 +2,7 @@
<html>
<head>
<title>React Browserify SPA seed</title>
<link rel="stylesheet" type="text/css" href="build/build.css">
<!-- <link rel="stylesheet" type="text/css" href="build/build.css"> -->
<link rel="stylesheet" href="/build/css/style.css">
</head>
<body>

1
package.json
Unescape View File

@ -54,6 +54,7 @@
"gulp-autoprefixer": "^3.1.0",
"gulp-notify": "^2.2.0",
"gulp-rename": "^1.2.2",
"gulp-sass": "^2.1.0",
"gulp-stylus": "^2.1.0",
"gulp-uglify": "^1.5.1",
"gulp-util": "^3.0.7",

42
scss/style.scss
Unescape View File

@ -0,0 +1,42 @@
// Foundation by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source
// Behold, here are all the Foundation components.
@import 'foundation/components/grid';
@import 'foundation/components/accordion';
@import 'foundation/components/alert-boxes';
@import 'foundation/components/block-grid';
@import 'foundation/components/breadcrumbs';
@import 'foundation/components/button-groups';
@import 'foundation/components/buttons';
@import 'foundation/components/clearing';
@import 'foundation/components/dropdown';
@import 'foundation/components/dropdown-buttons';
@import 'foundation/components/flex-video';
@import 'foundation/components/forms';
@import 'foundation/components/icon-bar';
@import 'foundation/components/inline-lists';
@import 'foundation/components/joyride';
@import 'foundation/components/keystrokes';
@import 'foundation/components/labels';
@import 'foundation/components/magellan';
@import 'foundation/components/orbit';
@import 'foundation/components/pagination';
@import 'foundation/components/panels';
@import 'foundation/components/pricing-tables';
@import 'foundation/components/progress-bars';
@import 'foundation/components/range-slider';
@import 'foundation/components/reveal';
@import 'foundation/components/side-nav';
@import 'foundation/components/split-buttons';
@import 'foundation/components/sub-nav';
@import 'foundation/components/switches';
@import 'foundation/components/tables';
@import 'foundation/components/tabs';
@import 'foundation/components/thumbs';
@import 'foundation/components/tooltips';
@import 'foundation/components/top-bar';
@import 'foundation/components/type';
@import 'foundation/components/offcanvas';
@import 'foundation/components/visibility';
Write Preview
Loading…
Cancel
Save