2.3.37

Gruntfile.js

@@ -23,17 +23,27 @@ module.exports = function(grunt) {
 		},
 
 		postcss: {
-			build: {
+			scss: {
 				options: {
 					syntax: require('postcss-scss'),
 					processors: [
 						require('stylelint')({
 							configFile: 'sass/.stylelintrc'
 						}),
-						require('postcss-reporter')({ clearMessages: true })
+						require('postcss-reporter')({
+							clearMessages: true
+						})
 					]
 				},
 				src: 'sass/**/*.scss'
+			},
+			css: {
+				options: {
+					processors: [
+						require('postcss-color-rgba-fallback')()
+					]
+				},
+				src: 'build/**/*.css'
 			}
 		},
 
@@ -227,6 +237,6 @@ module.exports = function(grunt) {
 	grunt.loadNpmTasks('grunt-postcss');
 
 	grunt.registerTask('default', ['clean', 'sass', 'grunticon', 'concat', 'copy', 'imagemin', 'autoprefixer', 'watch']);
-	grunt.registerTask('build', ['clean', 'csscomb', 'postcss', 'sass', 'grunticon', 'jshint', 'concat', 'uglify',  'copy', 'imagemin', 'autoprefixer', 'csso']);
+	grunt.registerTask('build', ['clean', 'csscomb', 'postcss:scss', 'sass', 'grunticon', 'jshint', 'concat', 'uglify',  'copy', 'imagemin', 'autoprefixer', 'postcss:css', 'csso']);
 
 };

README.md

@@ -1,7 +1,7 @@
 Bones for Genesis 2.0
 ==============
 
-My fork of [eddiemachado's](https://github.com/eddiemachado/bones-genesis) Bones for Genesis. Built for Genesis 2.3+ and WordPress 4.4+.
+My fork of [eddiemachado's](https://github.com/eddiemachado/bones-genesis) Bones for Genesis. Built for Genesis 2.3+ and WordPress 4.6+.
 
 A starting point for new Genesis projects. This is a starter child theme, not a dependency. Clone it. Fork it. Hack it for your own projects. Build cool things on the web.
 
@@ -127,6 +127,13 @@ grunt
 - Disable some or all of the default Genesis theme option meta boxes (template, some disabled by default)
 
 ## Changelog
+### 2.3.37 (July 26, 2016)
+- Use [brand-colors](https://github.com/reimertz/brand-colors)
+- Use [postcss-color-rgba-fallback](https://github.com/postcss/postcss-color-rgba-fallback)
+- Use WP 4.6's `wp_resource_hints` filter
+- Remove code deregistering WP's Open Sans font
+- Use WP 4.6's font stack in `_variables.scss`
+
 ### 2.3.36 (July 23, 2016)
 - Remove scripts not needed on modern browsers
 - Replace `FitVids.js` with `vanilla-fitvids`

bower.json

@@ -8,6 +8,7 @@
     "tests"
   ],
   "dependencies": {
+    "brand-colors": "reimertz/brand-colors",
     "colors-sass": "mrmrs/colors-sass",
     "include-media-export": "*",
     "include-media": "*",

includes/structure/header.php

@@ -48,23 +48,22 @@ function bfg_do_doctype() {
 
 }
 
-add_action( 'wp_head', 'bfg_fetch_dns', 1 );
+add_filter( 'wp_resource_hints', 'bfg_resource_hints', 10, 2 );
 /**
  * Prefetch the DNS for external resource domains. Better browser support than preconnect.
  *
  * See: https://www.igvita.com/2015/08/17/eliminating-roundtrips-with-preconnect/
  *
  * @since 2.3.19
  */
-function bfg_fetch_dns() {
+function bfg_resource_hints( $hints, $relation_type ) {
 
-	$hrefs = array(
-		'//ajax.googleapis.com',
-		// '//fonts.googleapis.com'
-	);
+	if( 'dns-prefetch' === $relation_type ) {
+		$hints[] = '//ajax.googleapis.com';
+		// $hints[] = '//fonts.googleapis.com';
+	}
 
-	foreach( $hrefs as $href )
-		echo '<link rel="dns-prefetch" href="' . $href . '">' . "\n";
+	return $hints;
 
 }
 
@@ -92,11 +91,6 @@ function bfg_load_assets() {
 	$src = $use_production_assets ? '/build/css/style.min.css' : '/build/css/style.css';
 	wp_enqueue_style( 'bfg', $stylesheet_dir . $src, array(), $assets_version );
 
-	// Disable the 'Open Sans' loaded by the admin bar
-	// https://wordpress.org/support/topic/remove-open-sans-and-add-custom-fonts
-	wp_deregister_style( 'open-sans' );
-	wp_register_style( 'open-sans', false );
-
 	// Google Fonts
 	// Consider async loading: https://github.com/typekit/webfontloader
  	// wp_enqueue_style(

package.json

@@ -18,6 +18,7 @@
     "grunt-newer": "*",
     "grunt-notify": "*",
     "grunt-postcss": "*",
+    "postcss-color-rgba-fallback": "*",
     "postcss-reporter": "*",
     "postcss-scss": "*",
     "stylelint": "*",

sass/_variables.scss

@@ -15,24 +15,8 @@ COLORS
 *********************/
 $grey: $gray;
 
-/*********************
-SOCIAL COLORS - http://designpieces.com/2012/12/social-media-colours-hex-and-rgb/
-*********************/
-$twitter: #00aced;
-$facebook: #3b5998;
-$linkedin: #007bb6;
-$google: #dd4b39;
-$youtube: #b00;
-$pinterest: #cb2027;
-$tumblr: #32506d;
-$flickr: #ff0084;
-$instagram: #517fa4;
-$vimeo: #aad450;
-$foursquare: #0072b1;
-$rss: #f60;
-
 /*********************
 TYPOGRAPHY - http://cssfontstack.com/
 *********************/
 // https://medium.com/@mwichary/system-shock-6b1dc6d6596f
-$sans: -apple-system, '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif;
+$sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;

sass/style.scss

@@ -2,6 +2,7 @@
 @import 'compass/css3';
 
 // Colors
+@import '../bower_components/brand-colors/dist/latest/scss/brand-colors.latest.scss';
 @import '../bower_components/colors-sass/sass/variables';
 
 // Variables & Mixins - variables must be imported after include-media, so that breakpoints aren't overwritten