Max Smycek smycek

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:

	import tweepy
	import csv
	import pandas as pd
	import sys

	# API credentials here
	consumer_key = 'INSERT CONSUMER KEY HERE'
	consumer_secret = 'INSERT CONSUMER SECRET HERE'
	access_token = 'INSERT ACCESS TOKEN HERE'
	access_token_secret = 'INSERT ACCESS TOKEN SECRET HERE'

	<ul class="parent">
	{% for link in linklists.main-menu.links %}
	<li {% if link.active %}class="active {% if link.child_active %}child-active{% endif %}"{% endif %}><a href="{{ link.url }}">{{ link.title }}</a>
	{% if link.links != blank %}
	<ul class="child">
	{% for child_link in link.links %}
	<li {% if child_link.active %}class="active {% if child_link.child_active %}child-active{% endif %}"{% endif %}><a href= "{{ child_link.url }}">{{ child_link.title }}</a>
	{% if child_link.links != blank %}
	<ul class="grandchild">
	{% for grandchild_link in child_link.links %}

	# This is an annotated subset of the Nginx configuration from our Magento production platform @ www.hypernode.com
	# See https://www.byte.nl/blog/magento-cacheleak-issue

	# !!!! If you are a Hypernode customer, do not use this config as it will result in duplicate statements. !!!!!

	user app;
	worker_processes 4;
	pid /var/run/nginx.pid;

	events {