krambuhl

var renderTemplate = function(context, source, data, callback) {
    $.get(source, function(template){
        $(context).html($.mustache(template, data));

        if (typeof callback === "function")
            callback.call(this, context);
    });
};

krambuhl

    var percentBetween = function(n1, n2, pos) {
        return Math.floor(pos * n2) + n1;
    };

krambuhl

$grid-max: 12;
$grid-column: 80px;
$grid-gutter: 0px;
 
@function gridw ($span: $grid-max, $offset: 0px) { 
    @return ($grid-column * $span) + ($grid-gutter * ($span - 1)) + $offset; 
}
 
@mixin grid ($span: $grid-max, $offset: 0px) { 
    width: gridw($span, $offset); 

krambuhl

@mixin animation($animate...) {
    $max: length($animate);
    $animations: '';

    @for $i from 1 through $max {
        $animations: #{$animations + nth($animate, $i)};

        @if $i < $max {
            $animations: #{$animations + ", "};
        }

krambuhl

.slice {
    display: table;
    table-layout: fixed; // makes items equal sizes automatically
    width: 100%;
}

.slice-auto {
    table-layout: auto; // items will resize  based on content size
}

krambuhl

Backbone.JsonpCollection = Backbone.Collection.extend({
    sync: function(method, model, options) {
        var params = _.extend({
            type: 'GET',
            url: this.url,
            dataType: "jsonp",
            processData: false
        }, options);

        return $.ajax(params);

krambuhl

.icon {
	display: inline-block;
	background-size: contain;

	font-size: 0;
	color: transparent;
}

.icon-block {
	display: block;

krambuhl

_.mixin({
    bindDelay: function(func, context, wait) {
        return _.delay(_.bind(func, context || this), wait, _.last(arguments, 3));
    },
    
    bindDefer: function(func, context) {
        return _.defer(_.bind(func, context || this), _.last(arguments, 2));
    },

    repeat: function(func, interval) {

krambuhl

@mixin respond($min: -1, $max: -1, $media: "all") {
    $query: "only " + $media;

    @if $min != -1 and $max != -1 {
        $query: "only " + $media + " and (min-width: " + $min + ") and (max-width: " + ($max - 1) + ")";
    } @else if $min == -1 and $max != -1 {
        $query: "only " + $media + " and (max-width: " + ($max - 1) + ")";
    } @else if $min != -1 and $max == -1 {
        $query: "only " + $media + " and (min-width: " + $min + ")";
    }

krambuhl

$grid-max: 12;
$grid-column: 80px;
$grid-gutter: 0;

@function gridw ($span: $grid-max, $offset: 0) {
	@if $span != -1 {
		@return ($grid-column * $span) + ($grid-gutter * ($span - 1)) + $offset;
	}

	@return -1;