Skip to content

Instantly share code, notes, and snippets.

View tdreyno's full-sized avatar

Thomas Reynolds tdreyno

  • Portland, OR
  • 07:59 (UTC -08:00)
View GitHub Profile
=linear-gradient-stroke($color-stops: '', $start: top)
$end: grad-opposite-position($start)
-webkit-border-image: -webkit-gradient(linear, #{grad-point($start)}, #{grad-point($end)}, #{grad-color-stops($color-stops)})
-moz-border-image: -moz-linear-gradient($start, $color-stops)
=linear-gradient-stroke($color-stops, $start: top)
$end: grad-opposite-position($start)
-webkit-border-image: -webkit-gradient(linear, #{grad-point($start)}, #{grad-point($end)}, #{grad-color-stops($color-stops)})
-moz-border-image: -moz-linear-gradient($start, $color-stops)
=clearfix
+pie-clearfix
=linear-gradient($color_stops, $start: top, $img: false, $img_first: true)
// Firefox's gradient api is nice.
// Webkit's gradient api sucks -- hence these backflips:
$background: ""
$end: grad_opposite_position($start)
@if $img_first
@if $img
=clearfix
+pie-clearfix
=linear-gradient($color-stops, $start: top, $img: false, $img-first: true)
// Firefox's gradient api is nice.
// Webkit's gradient api sucks -- hence these backflips:
$background: ""
$end: grad-opposite-position($start)
@if $img-first
@if $img
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "src"
images_dir = "images"
javascripts_dir = "javascripts"
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "src"
images_dir = "images"
javascripts_dir = "javascripts"
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true
.filter_palette
width: 955px
background: #212b32
margin: 0 auto
padding: 12px 0 1px 0
+clearfix
a
color: #999
a:hover, li.here a
color: white
#header
a
style:
.left a
more style
@import "base"
@for $i from 1 through 40
.generic-notches#{$i}
height: 300px + ($grid-width * $i * 1.5)
.scrim-left, .scrim-right
top: 35px
height: ($grid-width * $i) - 35px - 20px
.hidden-story
<script type="text/javascript" charset="utf-8">
/* Creat a div shell variable to house the screenshot. We will be creating this and destroying this every time you click on a thumbnail link */
var $tempDiv = $('<div id="screenshot" class="popup">' +
'<a class="close pngfix"></a>' +
'<div></div>' +
'</div>');
/* No touchy */
/* This will lightbox_me the tempDiv declared above, and fill it with the image */
function loadImage() {