sti-fed

// Compass support constants
$legacy-support-for-ie: if($platform == "mobile", false, true)
$experimental-support-for-mozilla: if($platform == "mobile", false, true)
$experimental-support-for-opera: if($platform == "mobile", false, true)
$experimental-support-for-microsoft: if($platform == "mobile", false, true)

sti-fed

// include your sprites as the following:
// for example
// $logos-1x: sprite-map("pickem/ui/l/logos/*.png")
// $logos-2x: sprite-map("pickem/ui/h/logos/*.png")

// function for sprite needed for the mixin below
@function hdpi-sprite-position($map, $file)
  $unit: 0 0
  @if $map
    $unit: floor(nth(sprite-position($map, unquote($file)), 1) / 2) floor(nth(sprite-position($map, unquote($file)), 2) / 2)

sti-fed

// CSS text truncation
=truncate($width: 300px)
  max-width: $width
  white-space: nowrap
  overflow: hidden
  text-overflow: ellipsis
  display: block

sti-fed

// requires unbust-font-url function
// leave @font-face here or move to _font.sass file
@font-face
  font:
    family: iconset
    weight: normal
    style: normal
  src: unbust-font-url("iconset/iconset.eot")
  src: unbust-font-url("iconset/iconset.eot", "iefix") format("embedded-opentype"), unbust-font-url("iconset/iconset.woff") format("woff"), unbust-font-url("iconset/iconset.ttf") format("truetype"), unbust-font-url("iconset/iconset.svg", "iconset/iconset") format("svg")
// ------------------------

sti-fed

// ---------------------------------------------------------------------------------------------------------------------
//
//  Author: Rafal Bromirski
//  www: http://paranoida.com/
//  twitter: http://twitter.com/paranoida
//  dribbble: http://dribbble.com/paranoida
//
//  Licensed under a MIT License
//
// ---------------------------------------------------------------------------------------------------------------------

sti-fed

var app {
    onReady: function () {
        $( 'selector1' ).bind( click, app.method1 );
        $( 'selector2' ).bind(click, app.method2 );
    },
    method1: function () { ... },
    method2: function () { ... }
};
$( document ).ready( app.onReady );

sti-fed

=sti-establish-baseline($font-size: $base-font-size, $element: null)
  // Borrowed from Compass Version: 0.12.2
  // IE 6 refuses to resize fonts set in pixels and it weirdly resizes fonts
  // whose root is set in ems. So we set the root font size in percentages of
  // the default font size.
  html
    -webkit-font-smoothing: antialiased
    
  * #{unquote($element)}
    font-size: 100% * $font-size / $browser-default-font-size

sti-fed

$(document).ready(function(){
  var $this == $(this);
  $("#header-region").on(click, "#menu-button", function(){
    $this.next(".main-nav").toggleClass("show")
  });
  $(".call-out").on(click, ".tab", function(){
    $this.closest(".call-out").find(".pick-instructions").toggleClass("show")
  });
});

sti-fed

=inline-icons 
  i.icon
    display: inline-block
  @each $icon in sprite_names($icons)
    .#{$icon}
      background: $icons
        position: sprite-position($icons, $icon)
        repeat: no-repeat
      +sprite-dimensions($icons, $icon)

sti-fed

=single-border($position : "top", $size: "1px")
  border-#{$position}: $size solid #a4a19f
=split-border
  &:before
    content: ""
    height: 1px
    width: 200%
    background-color: $gray
    position: absolute
    top: 10px