ridgehkr

// drop-shadow for bottom of element
.bottom-drop-shadow {
  position:relative;
	background: #fff;
	&:after {
		content:"";
		position:absolute;
		z-index:-1;
		bottom: 0;
		width: 90%;

ridgehkr

/*
 * Compass doesn't have an animation mixin either. Here's one:
 *  
 * Example usage: 
 * @include animation(10s, 5s, changecolour)
 */
@mixin animation($delay, $duration, $animation) {

	@each $i in webkit, moz, o {
		-#{$i}-animation-delay: $delay;

ridgehkr

//- Generate a placeholder image from placehold.it
//- ----------------------------------
//- Parameters:
//- 	width: image width in pixels
//- 	height: image height in pixels
//- 	text (optional): text inside image
//- ----------------------------------	
//- Usage:
//- +image(200, 120, 'Example')
//- ----------------------------------

ridgehkr

# Breakpoint class
# provides a way to manage and access breakpoint values for use in media queries
# read in more detail about this at https://medium.com/@caleb.pierce/coffeescript-for-responsive-websites-3398abd5e2bd

class Breakpoint
  constructor: (@lower_bound, @upper_bound = "") ->
    @screen = "only screen"

  # returns a min-width style media query breakpoint
  up: ->

ridgehkr

{
	"directory": "bower_components"
}

ridgehkr

// Define a map of z-index layers. Utilized by layer()
$layers: (
	foreground: 1,
	local-hero: 2,
	local-superhero: 3,
	global-hero: 4,
	global-superhero: 5,
);

/*