Skip to content

Instantly share code, notes, and snippets.

@brianmcallister
brianmcallister / _mixins.scss
Created November 8, 2012 16:43
Debugging mode in Sass
/*
Debugging.
*/
@mixin o($color: red) {
@include if-debug {
outline: 1px solid $color;
}
}
@mixin b($color: blue) {
@brianmcallister
brianmcallister / include.rb
Created November 16, 2012 15:50
Custom Sass function for Array#include?
module Sass::Script::Functions
# Wrapper around Ruby's Array#include? method.
# https://gist.github.com/4088394
#
# value - Value to check for in the list.
# list - List to look through.
#
# Examples
#
# $list: a b c;
@brianmcallister
brianmcallister / settings.js
Created December 19, 2012 23:15
JSLint settings
/*jslint browser: true, indent: 2, maxlen: 80, nomen: true, plusplus: true */
@brianmcallister
brianmcallister / tcom.css
Created December 19, 2012 23:16
Title comment TextMate snippet.
/** ----------------------------------
${1:Title}
${1/(.)|(?m:\n.*)/(?1:-)/g}
$2
---------------------------------- */
$3
@brianmcallister
brianmcallister / location.rb
Last active December 9, 2015 22:59
Wrapper around Ruby's Array#index method.
# Wrapper around Ruby's Array#index method.
# https://gist.github.com/brianmcallister/4341575
#
# value - The value in the list to search for.
# list - The list to search through.
#
# Examples
#
# $list: a b c;
# @debug location(b, $list);
@brianmcallister
brianmcallister / shim.js
Last active December 10, 2015 13:59
Transition end event name shim for Modernizr.
// Transition end event shim.
// https://gist.github.com/brianmcallister/4444457
this.Modernizr.transEndEventName = {
'WebkitTransition': 'webkitTransitionEnd',
'MozTransition': 'transitionend',
'transition': 'transitionend'
}[this.Modernizr.prefixed('transition')];
@brianmcallister
brianmcallister / archive.sh
Last active December 11, 2015 18:08
Bash script for archiving project directories. Learning bash, so this is very much a work in progress.
#!/bin/bash
# Archive old projects
#
# - Create a tar.gz file out of a folder
dir=~/Archive
# Echo a message. TODO - Colors.
function msg() {
echo "> $*" >&2
@brianmcallister
brianmcallister / cache.coffee
Last active December 14, 2015 00:39
Wrapper around localStorage to do time based caching of data.
# Class for using localStorage to cache data for a set amount of time.
# https://gist.github.com/brianmcallister/5000368
#
# name - Name for this cache.
#
# Examples
#
# cache = new Cache('my-cache').set 'my-data', {data: 'hats'}, 120
class Cache
# Private: Just a function that returns null.
@brianmcallister
brianmcallister / replace-text-with-svg.scss
Last active December 14, 2015 09:28
Sass mixin to replace text with an svg background image. Requires the existence of a png fallback, which is what you should be doing anyway.
/*
Replace text with svg, use a png fallback.
https://gist.github.com/brianmcallister/5065262
$img - Image name to use, no extension.
*/
@mixin replace-text-with-svg($img) {
@extend %hide-text;
$png: '#{$img}.png';
@brianmcallister
brianmcallister / 1-variables.scss
Created June 7, 2013 02:22
Sometimes you want to set some CSS properties based on a class set high up in your DOM. JavaScript makes this fairly easy, but let's do it with Sass instead.
$states: state1 #00adee, state2 #ffc10e, state3 #ec145a;
$color_selectors: null;