From 9662a6f960a99ee303046db7ec22339cb93ae0d0 Mon Sep 17 00:00:00 2001 From: Mike Francis Date: Fri, 7 Feb 2014 12:29:13 +0000 Subject: [PATCH] IE 8 includes --- .gitignore | 5 ++++- README.md | 21 +++++++++++++++++---- gulpfile.js | 8 ++++---- header.php | 4 ++-- package.json | 14 ++++++++++++++ script.js | 5 +++++ style.css | 2 +- 7 files changed, 47 insertions(+), 12 deletions(-) create mode 100644 package.json create mode 100644 script.js diff --git a/.gitignore b/.gitignore index b8619fb..17d3ec9 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,5 @@ +npm-debug.log .sass-cache/* -node_modules/* \ No newline at end of file +node_modules/* +css/bourbon/* +css/neat/* \ No newline at end of file diff --git a/README.md b/README.md index 80e815c..77c9b8d 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,7 @@ A lightweight and skeletal WordPress boilerplate theme for HTML5 and beyond. The * Sass powered - semantically named files all compiled into a single file * Semantic use of HTML5 elements, includes Google HTML5 shiv * WAI-ARIA role ready -* Proprietary baseline and customisable, Sass generated, responsive horizontal grid +* Uses [bourbon's neat](http://neat.bourbon.io) responsive grid framework * Comes pre-bundled with cached CDN version of jQuery * jQuery plugin agnostic * Basic index.php Loop template @@ -21,14 +21,27 @@ A lightweight and skeletal WordPress boilerplate theme for HTML5 and beyond. The ### Dependencies +* Bourbon gem +* Neat gem * Node.js * Gulp.js -Clone/download the barebones repositories into your WordPress /wp-content/themes/ directory, then open /barebones/ in a command line tool, such as Mac Terminal, and run the following to install all of this project's Gulp dependencies: +Clone/download the barebones repositories into your WordPress /wp-content/themes/ directory, then open /barebones/ in a command line tool, such as Mac Terminal, then first install the bourbon/neat gems if you haven't already: - npm install gulp-concat gulp-jshint gulp-imagemin gulp-rename gulp-sass gulp-uglify --save-dev + $ gem install bourbon + $ gem install neat -Then run `gulp` to run all your Gulp tasks. This includes watching the Sass folders. +Then install bourbon/neat to the theme's css folder + + $ cd css + $ bourbon install + $ neat install + + and run the following to install all of this project's Gulp dependencies: + + $ npm install --save-dev + +Then run `gulp` to run all your Gulp tasks, which includes watching the Sass folders. ## WordPress Support diff --git a/gulpfile.js b/gulpfile.js index 7532b28..cc3e4aa 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -6,7 +6,7 @@ var gulp = require('gulp'), sass = require('gulp-sass'), uglify = require('gulp-uglify'), paths = { - css: './css/**/*.scss', + css: './css/*.scss', img: './img/**', js: './js/*.js' }; @@ -32,11 +32,11 @@ gulp.task('lint', function() { gulp.task('scripts', function() { gulp.src(paths.js) - .pipe(concat('all.js')) - .pipe(gulp.dest('./js/')) + .pipe(concat('./js/all.js')) + .pipe(gulp.dest('.')) .pipe(rename('all.min.js')) .pipe(uglify()) - .pipe(gulp.dest('./js/')); + .pipe(gulp.dest('.')); }); gulp.task('watch', function() { diff --git a/header.php b/header.php index f6c5df1..3e17d73 100755 --- a/header.php +++ b/header.php @@ -10,8 +10,8 @@ > diff --git a/package.json b/package.json new file mode 100644 index 0000000..24ae9c8 --- /dev/null +++ b/package.json @@ -0,0 +1,14 @@ +{ + "name": "barebones", + "private": true, + "version": "0.1.0", + "devDependencies": { + "gulp-rename": "~0.2.2", + "gulp": "~3.5.2", + "gulp-uglify": "~0.2.0", + "gulp-concat": "~2.1.7", + "gulp-jshint": "~1.4.0", + "gulp-sass": "~0.6.0", + "gulp-imagemin": "~0.1.5" + } +} \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..39d54d5 --- /dev/null +++ b/script.js @@ -0,0 +1,5 @@ +;(function($) { + + // JS goes here + +})(jQuery); \ No newline at end of file diff --git a/style.css b/style.css index 03ddc69..25b15bf 100644 --- a/style.css +++ b/style.css @@ -1 +1 @@ -* {border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}th {font-weight:bold;text-align:left;}address ,caption ,cite ,dfn ,th ,var {font-style:normal;font-weight:normal;}h1 ,h2 ,h3 ,h4 ,h5 ,h6 {font-size:100%;font-weight:bold;}q:before ,q:after {content:'';}html {background-color:#fff;color:#444;font:100%/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif;}a {color:#444;text-decoration:none;}h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,p ,ul ,ol {margin-bottom:24px;}ul ,ol {margin-left:24px;}ul ul ,ol ol {margin-bottom:0;}img {display:block;height:auto;max-width:100%;}.alignleft {float:left;}img.alignleft {margin-right:20px;}.alignright {float:right;}img.alignright {margin-left:20px;}.aligncenter {display:block;margin-left:auto;margin-right:auto;}.clearfix:before ,.clearfix:after {content:'';display:table;line-height:0;}.clearfix:after {clear:both;}input ,select ,textarea {background-color:#fff;border:solid 1px #444;color:#444;display:inline-block;font:inherit;line-height:24px;padding:6 12;width:208px;}input[type="checkbox"] ,input[type="radio"] {background:transparent;border:0;width:auto;}textarea {min-height:96px;}.form__group {margin-bottom:24px;}.form__label {font-weight:bold;}.btn {background-color:#fff;border:solid 1px #444;color:#444;cursor:pointer;display:inline-block;height:48px;line-height:48px;padding:0 24;width:auto;}.container {margin:0 auto;max-width:940px;padding:0 20px;}.container--fluid {width:100%;}.row {margin-left:-2.08333%;}@media screen and (max-width: 640px){.row {margin-left:0;}}.column {display:inline;float:left;margin-left:2.08333%;vertical-align:top;}@media screen and (max-width: 640px){.column {display:block;float:none;margin-left:0;width:auto !important;}}.col-span-1 {width:6.25%;}.col-span-2 {width:14.58333%;}.col-span-3 {width:22.91667%;}.col-span-4 {width:31.25%;}.col-span-5 {width:39.58333%;}.col-span-6 {width:47.91667%;}.col-span-7 {width:56.25%;}.col-span-8 {width:64.58333%;}.col-span-9 {width:72.91667%;}.col-span-10 {width:81.25%;}.col-span-11 {width:89.58333%;}.col-span-12 {width:97.91667%;}.row--no-gutters .column {margin-left:0;}.row--no-gutters .column-span-1 {width:8.33333%;}.row--no-gutters .column-span-2 {width:16.66667%;}.row--no-gutters .column-span-3 {width:25%;}.row--no-gutters .column-span-4 {width:33.33333%;}.row--no-gutters .column-span-5 {width:41.66667%;}.row--no-gutters .column-span-6 {width:50%;}.row--no-gutters .column-span-7 {width:58.33333%;}.row--no-gutters .column-span-8 {width:66.66667%;}.row--no-gutters .column-span-9 {width:75%;}.row--no-gutters .column-span-10 {width:83.33333%;}.row--no-gutters .column-span-11 {width:91.66667%;}.row--no-gutters .column-span-12 {width:100%;}.nav {list-style:none;margin:0;}.nav>li {display:inline-block;}.nav > li>a {display:block;} \ No newline at end of file +* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}* {border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}th {font-weight:bold;text-align:left;}address ,caption ,cite ,dfn ,th ,var {font-style:normal;font-weight:normal;}h1 ,h2 ,h3 ,h4 ,h5 ,h6 {font-size:100%;font-weight:bold;}q:before ,q:after {content:'';}html {background-color:#fff;color:#444;font:100%/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif;}a {color:#444;text-decoration:none;}h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,p ,ul ,ol {margin-bottom:24px;}ul ,ol {margin-left:24px;}ul ul ,ol ol {margin-bottom:0;}img {display:block;height:auto;max-width:100%;}.alignleft {float:left;}img.alignleft {margin-right:20px;}.alignright {float:right;}img.alignright {margin-left:20px;}.aligncenter {display:block;margin-left:auto;margin-right:auto;}.clearfix:before ,.clearfix:after {content:'';display:table;line-height:0;}.clearfix:after {clear:both;}input ,select ,textarea {background-color:#fff;border:solid 1px #444;color:#444;display:inline-block;font:inherit;line-height:24px;padding:6 12;width:208px;}input[type="checkbox"] ,input[type="radio"] {background:transparent;border:0;width:auto;}textarea {min-height:96px;}.form__group {margin-bottom:24px;}.form__label {font-weight:bold;}.btn {background-color:#fff;border:solid 1px #444;color:#444;cursor:pointer;display:inline-block;height:48px;line-height:48px;padding:0 24;width:auto;}.nav {list-style:none;margin:0;}.nav>li {display:inline-block;}.nav > li>a {display:block;}@import url('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'); \ No newline at end of file