nathos

@mixin fancy-hover($sprite_dir, $off_state, $hover_state, $speed: 0.3s)
  $sprites: sprite-map("#{$sprite_dir}/*.png")
  $width: image-width(sprite_file($sprites, $off_state))
  $height: image-height(sprite_file($sprites, $off_state))
  @include hide-text
  width: $width
  height: $height
  background: sprite($sprites, $off_state) no-repeat
  display: block
  position: relative

philippbosch

require "chunky_png"
require "base64"

module Sass::Script::Functions
  def background_noise(kwargs = {})
    opts = {}
    Sass::Util.map_hash({
        "intensity"  => [0..1,          "",   :Number, Sass::Script::Number.new(0.5) ],
        "opacity"    => [0..1,          "",   :Number, Sass::Script::Number.new(0.08)],
        "size"       => [1..512,        "px", :Number, Sass::Script::Number.new(200) ],

chriseppstein

require 'sass'

module Sass::Script::Functions
  def svg_circle(radius, color, circle_type)
    img = if circle_type.value == "disc"
      %Q{<circle cx="#{radius.value}" cy="#{radius.value}" r="#{radius.value}"
                          stroke-width="0" fill="#{color}"/>}
    else
      %Q{<circle cx="#{radius.value}" cy="#{radius.value}" r="#{radius.value}"
                          stroke="#{color}" stroke-width="1" fill="white"/>}

neall

.selector {
  background: #f8ab2f;
  background: -webkit-gradient(radial, 40% 0, 0, 100% 100%, 100,
                               color-stop(0, rgba(251, 215, 57, 0.5)),
                               color-stop(1, rgba(246, 128, 38, 0.5))),
              -webkit-gradient(linear, 0 0, 0 100%,
                               color-stop(0, #fbd739),
                               color-stop(1, #f68026));
  background: -webkit-linear-gradient(top, rgba(251, 215, 57, 0.5), rgba(246, 128, 38, 0.5)),
              -webkit-radial-gradient(40% 0, farthest-corner, #fbd739, #f68026);

aburan28

# Rewrote excellent intro to Backbone.js http://arturadib.com/hello-backbonejs/ in CoffeeScript

$ ->
      Backbone.sync = (method, model, success, error) ->
        success()

      class Item extends Backbone.Model
        defaults:
          part1: 'hello'
          part2: 'world'

notasausage

<?php
function getTwitterAvatar( $username, $size = "normal" ) {
	// mini = 24px, normal = 48px, bigger = 73px
	$sizes = array( "mini", "normal", "bigger" );
	
	// Check for size, default to normal
	if( in_array( $size, $sizes ) ) {
		$variant = $size;
	} else {
		$variant = "normal";

AndrewVos

set status-right "#(cpu.rb)"
set status-interval 5

arielsalminen

/* 970px and under */
@media screen and (max-width: 970px) { ... }
/* 840px and under */
@media screen and (max-width: 840px) { ... }
/* 740px and under */
@media screen and (max-width: 740px) { ... }
/* 600px and under */
@media screen and (max-width: 600px) { ... }
/* 480px and under */
@media screen and (max-width: 480px) { ... }

efedorenko

// Turns out this function already exists in Sass: mix(fg, bg, %) (http://d.pr/mGqa)

// Alpha blending

@function blend($bg, $fg) {

	$r:   red($fg) * alpha($fg) +   red($bg) * (1 - alpha($fg));
	$g: green($fg) * alpha($fg) + green($bg) * (1 - alpha($fg));
	$b:  blue($fg) * alpha($fg) +  blue($bg) * (1 - alpha($fg));

idan

$less-column-width: 68px;
$less-gutter-width: 24px;

@function column-width($columns) {
    @return ($less-column-width * $columns) + ($less-gutter-width * ($columns - 1));
}

@function grid-padding-px($columns) {
    @if $columns == 10 {
        @return 48px;