David Herrera dlh01

report 16 (needs patch) are tickets looking for help
svn diff > [ticket number].diff
- e.g. 23456.diff
cp ~/path/to/downloaded/patch.diff ./trunk/
- patch -p0 < file.diff
how do you know where to start?
- find a ticket in a section of WP you want to work in.
patience.
- get in IRC

This post outlines a way to use Sass, Compass, and Grunt to maintain stylesheets for a WordPress parent and child theme.

Sass is useful for many reasons, but for our purposes, the two most helpful features are partials and variables. We'll also take advantage of the importPath setting of Compass and Grunt.

Comments and improvements are always welcome.

Step 1: Create your parent stylesheet

Create a new Compass project in your theme and style away. When you're finished, your theme directory (called parent here) might look something like this:

Real navigation links need to be added
Real logo and header treatment needs to be added
Ads break out of the container at tablet-ish viewport size
Activate sharing bars on posts
Style next/previous post links
Hook up real Press Releases feed
Media sizes not quite right yet
"From Our Blogs" content block missing on home page
Cookies for Comments image creates extra white space at bottom of site

	module.exports = function(grunt) {

	grunt.initConfig({

	// [other stuff...]

	compass: {
	options: {
	sassDir: 'sass',
	javascriptsDir: 'javascripts',

	add_action( 'pre_get_posts', 'rns_get_headlines_zone', 10 );
	/**
	* Get the posts in the 'Headlines' zone in the front page main query
	*
	* @param obj $query The query to pass to the database
	* @see Zoninator's get_zone_query()
	*/
	function rns_get_headlines_zone( $query ) {
	if ( ! is_admin() && $query->is_main_query() && $query->is_home() ) {
	global $zoninator;

	(min-width: 45rem) {
	html {
	font-size: 75% or 125% etc.
	}
	}

	// via http://nataliemac.com/slides/type/

	the_widget( 'Jetpack_Widget_Twitter',
	array(
	'title' => 'RNS on Twitter',
	'account' => 'RNS',
	'show' => 3,
	'hidereplies' => true,
	'hidepublicized' => true,
	'includeretweets' => true,
	'followbutton' => true
	),

	<section class="cabinet">
	<div class="cabinet-large">
	<div class="media media-heading-medium">
	<?php // The second post in the Headlines zone ?>
	<?php $zone_query->the_post(); ?>
	<?php [post stuff] ?>
	</div><!--/.media-->

	<?php
	/**


	# Enable these for source maps
	# output_style = :compact
	# sass_options = { :debug_info => true }