Ernie Hsiung ErnieAtLYD

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:

	# -- mode: ruby --
	# vi: set ft=ruby :

	VAGRANTFILE_API_VERSION = "2"

	Vagrant.configure(VAGRANTFILE_API_VERSION) do \|config\|
	config.vm.box = "precise64"

	# The url from where the 'config.vm.box' box will be fetched if it
	# doesn't already exist on the user's system.

	from flask import Flask
	from flask.ext.sqlalchemy import SQLAlchemy
	from flask.ext.wtf import Form
	from flask.ext.babel import gettext
	from wtforms import SelectField, TelField, TextField, FormField, Fieldlist, SubmitField
	from wtforms.validators import Optional, Required

	app = Flask(__name__)
	db = SQLAlchemy(app)

	<?php
	/**
	* AJAX call for parsing HTML
	*
	*/

	public function parse_html() {

	// get content from textarea
	$text = $_POST['content'];

	# This is a skeleton for testing models including examples of validations, callbacks,
	# scopes, instance & class methods, associations, and more.
	# Pick and choose what you want, as all models don't NEED to be tested at this depth.
	#
	# I'm always eager to hear new tips & suggestions as I'm still new to testing,
	# so if you have any, please share!
	#
	# @kyletcarlson
	#
	# This skeleton also assumes you're using the following gems: