Running "sass:build" (sass) task
Error: File to import not found or unreadable: ../bower_components/Colors/sass/variables.

Hi Cooper, do you happen to have a complete set of SCSS files that replicate the default Genesis styling or a similar 'complete' starting point that I can work backwards from?

JUST 1 Question

Hopefuly this is the right way to get intouch with other github ppl if not feel free to delete my noobish lines after reading ;) I just wanna know if it is normal that the size of the full theme build after seting up with node grunt & bower on near 50mb ? I have my 1st day on github& sass/grunt/compass and so on today ... probably i missing any imortant step in resizing? .... any help mucho gusto thx in advance & king regards! aleks

Hi Cooper,
Add new image sizes function references self trackbacks.
Thanks

/**

• Add new image sizes
  *
• See: http://wp-snippets.com/disable-self-trackbacks/
  *
• @SInCE 2.0.0
  */
  // add_image_size( 'desktop-size', 1024, 768, array( 'left', 'top' ) ); // Crop positions are: top, left, right, bottom, center

Hi,

In header.php you add the no-js class to the html element, but in scripts.js you remove it from the body element.

A couple of issues seem to have cropped up since upgrading to the GM Seed of MacOS Sierra, I spent a couple of hours today looking into it, but the only solution was to remove grunticon from the gruntfile

Running "grunticon:build" (grunticon) task
svg-to-png now spawning phantomjs...
(using path: /node_modules/svg-to-png/node_modules/phantomjs/lib/phantom/bin/phantomjs)

Something went wrong with phantomjs...
Fatal error: Command failed: /node_modules/svg-to-png/node_modules/phantomjs/lib/phantom/bin/phantomjs /node_modules/svg-to-png/lib/phantomscript.js

Process finished with exit code 1

get a warning when ruining grunt

C:\xampp\htdocs\wordpress\wp-content\themes\bones-for-genesis>grunt
Running "clean:build" (clean) task

1 path cleaned.

Running "sass:build" (sass) task
Error: File to import not found or unreadable: ../bower_components/Colors/sass/v
ariables.
Load paths:
C:/xampp/htdocs/wordpress/wp-content/themes/bones-for-genesis/sass
C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.1.0.alpha.3/styleshe
ets
Compass::SpriteImporter
on line 5 of sass/style.scss
Use --trace for backtrace.
Warning: Exited with error code 65 Use --force to continue.

Aborted due to warnings.

When using the bfg_ie_font_face_fix function in /includes/structure/footer.php, IE8 reloads continually then times out.

Hey Cooper,

Since Bower has been removed, we just use npm update --save-dev right?

No need to run npm install to get any dependencies cleared up?

You'll need Node.js, Grunt, and Bower.

git clone https://github.com/cdukes/bones-for-genesis-2-0.git genesis-bfg
cd genesis-bfg
npm update --save-dev && bower update --save
grunt

Hi Cooper

I'm doing my first project with bones and I am struggling with images. I notice that the image urls point to http:// - - /wp-content/themes/themename/css/images/s-specials-heading.png instead of just to the image.

How do I ensure the url doesn't go via the css dir, instead just to the theme images.

THanks

Hi Cooper, in this function there is a '.' after the second $output. Is this a mistake?

function bfg_ie_conditionals( $tag, $handle ) {

if( 'bfg' == $handle ) {
    $output = '<!--[if !IE]> -->' . "\n" . $tag . '<!-- <![endif]-->' . "\n";
    $output .= '<!--[if gte IE 8]>' . "\n" . $tag . '<![endif]-->' . "\n";
} elseif( 'bfg-ie-universal' == $handle ) {
    $output = '<!--[if lt IE 8]>' . "\n" . $tag . '<![endif]-->' . "\n";
} else {
    $output = $tag;
}

return $output;

}

Thanks
David

I had to import the toolkit.scss file at the top of _type.scss to get compass to compile things well.

Hi, trying to conditionally enqueue Selectivizr based on: <!--[if (gte IE 6)&(lte IE 8)]>, and have some short questions:

(1) Bearing in mind Bones uses ie6.css for anything below IE 8, would this still be the conditional statement you recommend for Selectivizr?

(2) How would I add the conditional statement using a ( $tag, $handle ) function for js, just like the one you use for the styles (ff_ie_conditionals)?

(3) Similarly, I have a Font Awesome IE 7 script to load. Again, bearing in mind Bones uses ie6.css for anything below IE 8 would you suggest loading this?

The login logo brings up 'access denied' at path: http://www.domain.co.uk/wp-content/themes/themename/build/images/login-logo.png. Example:

http://www.macair.co.uk/wp-login.php
http://www.macair.co.uk/wp-content/themes/develop/build/images/login-logo.png

The file is named correctly an is in the correct location.

I have used SASS before, but I keep getting errors. Can you provide me with the regular CSS instead (in a gist or something)? I would be grateful.

Hi Cooper and all,

I'm very, very interested to use BFG (i'm sure this is the best starter theme for Genesis) but I don't arrive to compile it. I'm sorry if I made mistakes in my message, english is my second language. I hope someone could help me.

What I've exactly done :
I'm on Windows 7 - 64 bits
I install Node.js from nodejs.org/download/ (version v0.10.28)
I install http://git-scm.com/ for windows (version 1.9.2-preview20140411) with option "Run Git from the Windows Command Prompt"
I verify that my PATH is C:\Users***\AppData\Roaming\npm; C:\Program Files (x86)\Git\bin
I launch a command prompt
I go in my dir project
I install Bower with the command npm -g install bower
I install Grunt with the command npm install -g grunt-cli
I make the command git clone https://github.com/cdukes/bones-for-genesis-2-0.git genesis-bfg
I make the command cd genesis-bfg
I make the command npm update --save-dev && bower update --save
I make the command grunt
I have a warning "You need to have Ruby dans Sass installed and in your PATH for this task to work"
I install Ruby from rubyinstaller.org/downloads/ (version 2.0.0-p481(x64)) with option "Add Ruby executables to your PATH"
I launch a Ruby prompt command and make the command gem install sass
I reboot my computer to be sure and I launch a new git prompt command (i'm in the folder bfg-genesis) and I make the commande grunt
I have this error "ERROR : Cannot load compass".
I see that there is an issue for this error, so I make the command gem install compass --pre
I make again the command grunt
I have this message, grunt stay in watch mode and wait I edit a file but don't finish compil :

Is there someone who have an idea ? Maybe I don't make the right procedure, this is the first time I use Node, Grunt, Bower, Ruby, etc.

Or maybe someone has a full folder of the starter theme and could send me ? (I think this is the best solution for me... in order to use it as a simple child theme for WP)

Thank you a lot in advance for your help,
Regards

Hi Cooper, I've cloned a new copy of BFG and upon running build I get this error:

sh: php-cs-fixer: command not found
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ build: run-p build:* -s
npm ERR! Exit status 1

Thanks

Hi Cooper, I seem to have ran into an error using Webpack after the update:

ERROR in ./js/scripts.js
Module build failed: (SystemJS) ENOENT: no such file or directory, open '/Users/dh/Documents/Websites/www.mpp.dev/wp-content/themes/develop/babel-core'
Error: ENOENT: no such file or directory, open '/Users/dh/Documents/Websites/www.mpp.dev/wp-content/themes/develop/babel-core'

Error loading /Users/dh/Documents/Websites/www.mpp.dev/wp-content/themes/develop/babel-core as "babel-core" from /Users/dh/Documents/Websites/www.mpp.dev/wp-content/themes/develop/node_modules/babel-loader/lib/index.js

ERROR in ./js/admin.js
Module build failed: (SystemJS) ENOENT: no such file or directory, open '/Users/dh/Documents/Websites/www.mpp.dev/wp-content/themes/develop/babel-core'
Error: ENOENT: no such file or directory, open '/Users/dh/Documents/Websites/www.mpp.dev/wp-content/themes/develop/babel-core'

Error loading /Users/dh/Documents/Websites/www.mpp.dev/wp-content/themes/develop/babel-core as "babel-core" from /Users/dh/Documents/Websites/www.mpp.dev/wp-content/themes/develop/node_modules/babel-loader/lib/index.js

Thanks

Hi Cooper, your preg_replace does not seem to work:

return preg_replace( '/

\s_(<a .>)?\s(<img ._ />)\s_(</a>)?\s_</p>/iU', '\1\2\3', $content );

Yet this one does for me:

return preg_replace('/

\s_?(<a ._?><img.?></a>|<img.?>)?\s*</p>/s', '\1\2\3', $content);

Wondered if this was a bug - are you having problems with the original? Could you also offer any advice on the validity of the syntax in my suggested replacement?

Ref: http://atg2.hostfortyfive.co.uk/about

Thanks

Cooper, should "jquery.fitvids": "davatron5000/FitVids.js", be removed from bower.json as vanilla-fitvids has been added?

Hi, I've kept the 'remove no-js' function in scripts.js yet the class is not being removed:
http://develop.hostfortyfive.co.uk/. JS is enabled and other script calls from the file are working.

"Parse error: syntax error, unexpected '<' in /html/wp-content/themes/bfg/includes/structure/header.php on line 138"

I've gone back to an old theme I created when you used Bower as a package manager for BFG and can't recall how to update the packages and complie the theme. I guess it's the 'old' version of 'composer install && npm install' and 'npm run build'. Can you please advise? Thanks!

I was tinkering around with this child starter theme, and noticed that the _grid.scss is incomplete. It is missing computed percentages for .two-fifths, .three-fifths, and four-fifths. I know I rarely use those sizes, but I just ran into an instance that I do need them. I would try and figure them out, but these percentages seem very complicated when you have so many different combinations of "fifths" in one row.

Please help ~ Thanks Rob

Getting this error when trying to compile on macOS Sierra

Running "sass:build" (sass) task
Error: Invalid US-ASCII character "\xE2"
        on line 263 of bower_components/include-media/dist/_include-media.scss
        from line 5 of sass/style.scss
  Use --trace for backtrace.
Warning: Exited with error code 65 Use --force to continue.

Aborted due to warnings.

Process finished with exit code 6

Hi Cooper, using an up to date BFG version I cannot seem to get an inline SVG to display. Can you please offer an example of how to use the icons.svg sprite that's created upon build so I can verify my code is working? Thanks

Hi Cooper, wondered if I could ask for some quick advice on extending the 'bfg_do_taxonomy_title_description' function (or creating a new function) to handle date-based archives too? This function works great for my categories but I would also like to display a title at the top of the date archive page.

Thanks in advance
David

Hi,

Thanks for this great starting point! I was wondering why you created the function bfg_ie_conditionals when you can use WordPress for this? http://kuttler.eu/post/wordpress-style-version-conditional-comments/

And also why you are using null instead of versioning assets with CHILD_THEME_VERSION?

Hi,

On install of the latest version that I'd like to use on a new project it seems that the bower_components does not install or is not downloaded on initial clone.

I would really appreciate your help.

I am working on a macbook pro running El Capitan 10.11.3

Many thanks,
Lee

Hi Cooper,

I've had to change the jQuery array from ', array(), null, true );' to ', array(), null );' in order to get my revslider plugin to work. Can you please tell me whether I need to change anything in the jQuery fallback function to match this? And, would it be advisable to conditionally use one array for the page with the revslider on, and another for the rest?

Thanks in advance
David

Hi Cooper, I would like to include Superfish manually. Can you please tell me which of these I should include:

superfish.js, supersubs.js, hoverintent.js, superfish.css

Thanks

I've cloned bones-for-genesis-2-0 a few times (thanks, it's terrific) and never seen this error before, but today I followed the setup steps for a new child theme and when I ran grunt for the first time this happened:

Running "clean:build" (clean) task
>> 0 paths cleaned.

Running "sass:build" (sass) task
OptionParser::NeedlessArgument: needless argument: --sourcemap=none
  Use --trace for backtrace.
Warning: Exited with error code 1 Use --force to continue.

Aborted due to warnings.

I removed the sourcemap: 'none' line from Gruntfile.js and when I ran grunt again it completed all tasks with no errors. That doesn't seem like the best solution, though.

I noticed that images inserted via the content editor are getting   added to the class attr, which is breaking layouts for things like: .alignright as what is being output is class=" alignright "

The source of the issue is in post.php around line 191 add_filter( 'the_content', 'bfg_hard_space_expressions' );

create_function() DEPRECATED as of PHP 7.2.0. Relying on this function is highly discouraged.
http://php.net/manual/en/function.create-function.php

Maybe use:
add_filter('jpeg_quality', function($arg){return 80;});

Hi, I'm using Bones with standard CSS and no CodeKit, do I need to manually add superfish.js or should I rely on what's built in to Genesis?

When I download the zip file and try to compile using compass.app - I always getPermission denied - /Users/me/Desktop/bones-for-genesis-2-0-master/sass/normalize.scss and styles.css is not created

I'm pretty new to Grunt (and this workflow all together), so bare with me if this is a stupid newbie question...

I installed everything as by the instructions, but when trying the 'grunt' command (or after changing a file with "grunt watch' active) I keep getting the following error:

Running "sass:build" (sass) task
ERROR: Cannot load compass.
Warning: Exited with error code 1

Proceding with --force does not work either (same error).

It does make the build directory, but leaves just an empty style.css file in it.

When I look at 'gem list' I can see both compass & sass are installed:
compass (0.12.4)
sass (3.3.4, 3.2.18)

This is on MacOSX 10.9.2 (Maverick).

Hope someone can help me on my way. Thanks in advance!

I tried out your build steps and I can see that the css and js files are generated. Would it be possible to enhance the Gruntfile such that build would create a complete theme folder with all the required files?