jnowland

{
	"bold_folder_labels": true,
	"detect_indentation": true,
	"ensure_newline_at_eof_on_save": true,
	"fade_fold_buttons": true,
	"folder_exclude_patterns":
	[
		".svn",
		".git",
		".hg",

jnowland

# Ask for the administrator password upfront
sudo -v

# mkdir -p ~/Sites/Work/Clients
# mkdir -p ~/Sites/Work/Internal
# mkdir -p ~/Sites/Personal
# mkdir -p ~/Downloads/Torrents

mkdir -p /Volumes/Sites/Work/Clients
mkdir -p /Volumes/Sites/Work/Internal

jnowland

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

jnowland

<title>{% if this.['Page Title'] != "" -%}{{ this.['Page Title'] }}{% else -%}{{ name }}{% endif -%}</title>

<meta name="description" content="{% if this.['Meta Description'] != "" -%}{{ this.['Meta Description'] }}{% else -%}{{ description | strip_html | replace: "\n", " " | truncate:155 | lstrip | rstrip }}{% endif -%}">

{% if this.['Image Alt Tag'] != "" -%}{% assign imgAlt = this.['Image Alt Tag'] -%}{% else -%}{% assign imgAlt = name -%}{% endif -%}

{{ imgAlt }}

jnowland

// Currently an idea, yet to test this snippet.

@mixin logo( $logo-name) {

	$image: "#{$logo-name}.png";

	.logo {
		background-repeat:no-repeat;
		display:block;
		overflow:hidden;

jnowland

#environment = :production
environment = :development

# Set this to the root of your project when deployed.
# Work from file directory "code" for your statics, when the css is ready to go into the wordpress theme switch it over to development

if environment == :production
	output_style = :expanded
	http_path = "/"
	css_dir = "deploy"

jnowland

If your min browser support goes to IE9

• Border Radius
• SVG
• Calc()
• All CSS3 Attributes
• Box Shadows
• Basic Viewport units
• No Javascript hacks
• jQuery 2

jnowland

//Please note this does not currently work.

@each $section in council, household, business {

  .#{$section} h2 {

    //Step 1: I want this below varible to dynamically change to $council-light, $household-light, $business-light
    color: $#{$section}-light; //this seems to be the problem of trying to append '-light' onto a varible name
    //please note council-light, household-light, business-light are all predefined varibles with hex colours assigned.

jnowland

/* ==========================================================================
  Media Queries:
 
  How to get inline media querey
 
  Order from small to big.
  extra-small, small, medium, large, larger, huge, massive.

  Should be noted when using min-width your styles outside any mediaqueries are the smallest and global.
 

jnowland

* {
    background: pink;
    font-family: cursive;
    text-transform: uppercase;
    letter-spacing: -5px;
}

*:hover {
    /*webkit rainbow gradient*/
    background-image: -webkit-gradient(linear,  left top,  left bottom,