Congegni
/
barebones
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

IE 8 includes

This commit is contained in:
Mike Francis 2014-02-07 12:29:13 +00:00
parent 0b0e384dbc
commit 9662a6f960
7 changed files with 47 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@ -1,2 +1,5 @@
npm-debug.log
.sass-cache/*
node_modules/*
css/bourbon/*
css/neat/*

21
README.md
View File

@ -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

8
gulpfile.js
View File

@ -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() {

4
header.php
View File

@ -10,8 +10,8 @@
<?php wp_head(); ?>
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/selectivizr/1.0.2/selectivizr-min.js"></script>
<![endif]-->
</head>
<body <?php body_class(); ?>>

14
package.json Normal file
View File

@ -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"
}
}

5
script.js Normal file
View File

@ -0,0 +1,5 @@
;(function($) {
// JS goes here
})(jQuery);

2
style.css
View File

@ -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;}
* {-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');