jackie

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

$my_var: red;

html {
  background: $my-var;
}

jackie

$colors: #b00b00  #bada55 #de1e7e #f0feaf #ac1d1c #e1e100 #facade;
$stops: ();

@function gradient($i: 0) {
  @if $i == length($colors) {
    @return $stops;
  }
  $i: $i + 1;
  $new-stops: nth($colors, $i) percentage(($i - 1)/length($colors)), nth($colors, $i) percentage($i/length($colors));
  $stops: join( $stops, $new-stops, comma );

jackie

{
  "phone"  : "all and (max-width: 603px)",
  "desktop": "all and (min-width: 1025px)",
  "tablet" : "all and (min-width: 604px) and (max-width: 1024px)"
}

jackie

<h1>Coolest text on the internet</h1>  

jackie

<h1>Coolest text on the internet</h1>  

jackie

Network.View.Project.Lazyload = $.Core.View.Entity.extend({

},  // proto
{

  init : function( lazyload ) {
  
    var $images        = $('#project-modules img'),
        $lazy_images   = $images.filter('.lazy-load');
        

jackie

Network.View.Project.Lazyload = $.Core.View.Entity.extend({

},  // proto
{

  init : function( lazyload ) {
  
    var $images       = $("#project-modules img.lazy-load"),
        images_loaded = 0;
  

jackie

# config.rb
on_sprite_saved do |filename|
  if File.exists?(filename)
    FileUtils.mv filename, filename.gsub(%r{-s[a-z0-9]{10}\.png$}, '.png').gsub('images/../images/', '')
  end
end

jackie

$footer-2x-layout: horizontal;
$footer-2x-sprite-dimensions: true;

$footer-layout: horizontal;
$footer-sprite-dimensions: true;

@import "compass/utilities/sprites/base";

//** Footer ****************************************/
@import "../images/footer/*.png";

jackie

/*
  Set a background image at 1x and 2x.
  https://gist.github.com/3895807
  @param {String} $name Image name.
  @param {String} $ext File extension, e.g.: '.png'.
*/
@mixin retina-bg($name, $ext) {
  @include squish-text;
  
  $image: '#{$name}#{$ext}';