Sam kwaledesign

Director, Design Systems

kwaledesign / scss-tests.scss

Last active August 29, 2015 14:22 — forked from mdo/scss-tests.scss

	// Original
	//
	// Markup:
	//
	// <button class="button">Button</button>
	// <button class="button button-primary">Button</button>
	// <button class="button button-danger">Button</button>
	//
	// Total selectors: 6
	// Total declarations: 19

kwaledesign / solarized-dark.css

Last active August 29, 2015 14:11 — forked from qguv/solarized-dark.css

	/* Solarized Dark

	For use with Jekyll and Pygments

	http://ethanschoonover.com/solarized

	SOLARIZED HEX ROLE
	--------- -------- ------------------------------------------
	base03 #002b36 background
	base01 #586e75 comments / secondary content

kwaledesign / AngularJS-Cachebusting.js

Created February 12, 2014 21:16 — forked from ProLoser/AngularJS-Cachebusting.js

	anglar.module('myApp',['ui']).config(["$provide", function($provide) {
	return $provide.decorator("$http", ["$delegate", function($delegate) {
	var get = $delegate.get;
	$delegate.get = function(url, config) {
	// Check is to avoid breaking AngularUI ui-bootstrap-tpls.js: "template/accordion/accordion-group.html"
	if (url.indexOf('template/')) {
	// Append ?v=[cacheBustVersion] to url
	url += (url.indexOf("?") === -1 ? "?" : "&");
	url += "v=" + cacheBustVersion;
	}

kwaledesign / gist:4152020

Created November 27, 2012 02:28 — forked from anonymous/gist:1258555

Solarized Dark Theme (with sidebar and view-source colors) for Google Chrome Dev Tools

	/**********************************************/
	/*
	/* Solarized Dark Skin by Mark Osborne - 2011
	/*
	/* Based on IR_Black Skin by Ben Truyman:
	/* https://gist.github.com/1245727
	/*
	/* and Todd Werth's IR_Black:
	/* http://blog.toddwerth.com/entries/2
	/*

kwaledesign / css-stats-ack.sh

Created October 1, 2012 18:24 — forked from pjkix/css-stats-ack.sh

shell script to generate some css file statistics

	#!/bin/bash

	## v1.0.6
	## this script will gernerate css stats

	### example output

	# CSS STATS
	# ----------
	# Floats: 132

kwaledesign / _retina-sprite.scss

Created October 1, 2012 18:10 — forked from wanderingmatt/_retina-sprite.scss

Mixin that generates both a regular and retina sprite (using the Compass Sprite Helpers) and returns the appropriate declarations and media queries.

	// Mixin that generates both a regular and retina sprite (using the Compass Sprite Helpers) and returns the appropriate declarations and media queries.
	//
	// $folder - The name of the folder that contains the icons to sprite.
	// $width - The width of an individual icon. Defaults to the width of the sprite.
	// $height - The height of an individual icon. Defaults to the same as the width.
	//
	// No styleguide reference.

	@mixin retina-sprite($folder, $width: image-width(sprite-path($sprites)), $height: $width) {
	$sprites: sprite-map("icons/#{$folder}/*.png"); // Generates a sprite containing every icon in the supplied folder.