CSS

/* from: http://css3clickchart.com/#text-overflow */
.target {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* or "clip" */
}

/* from: http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
/* apply a natural box layout model to all elements, but allowing components to change */
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

/* x-offset, y-offset, blur radius, color */
.text_shadow {
	text-shadow: x_offset y_offset blur_radius color;
}
/* multiple shadows, comma-separated */
.text-shadow {
	text-shadow: shadow1, shadow2, shadow3;
}

/* from http://www.themeshock.com/css-text-shadow/ */
.pressed {
	color: #222;
	text-shadow: 0px 1px 1px #4d4d4d;
}
.embossed {
	color: #066;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.neon {
	color: #fff;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
	letter-spacing: 5px;
}
.fire {
	color: #fff;
	text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
}
.3D {
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}
.retro {
	color: #990F0A;
	text-shadow: 5px 5px 0px #EEE, 7px 7px 0px #707070;
}
.acid {
	color:#00ff0f;
	text-shadow: 0px 0px 10px #00ff0f, -1px -1px #000;
}
.shadow {
	color:#333;
	text-shadow: -5px 5px 5px rgba(0,0,0, 0.3);
}
.alpha {
	color: rgba(0, 174, 239, 0.2);
	text-shadow: rgba(0, 0, 30, 0.08) 0px 5px 2px;
}
.alpha3D {
	color: transparent;
	text-shadow: rgba(245, 245, 255, 0.35) 0 0px 0px, rgba(0, 0, 30, 0.08) 0px 2px 2px, rgba(0, 0, 30, 0.20) 0px 2px 1px, rgba(0, 0, 30, 0.40) 0px 2px 1px, rgba(0, 0, 0, 0.08) -5px 5px 2px;
}
.anaglyphs {
	color: rgba(0, 168, 255, 0.5);
	text-shadow: 3px 3px 0 rgba(255, 0, 180, 0.5);
}
.blur {
	color: rgba(255, 255, 255, 0.1);
	text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.5), 0px 0px 10px rgba(255, 255, 255, 0.5);
}

.scss {
	@include transition(all .2s linear);
}
// becomes
.css {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

No longer using Compass. Going with Prepros (on Mac) with Autoprefixer enabled (so no @include needed).

.scss {
	@include box-shadow(#aaaaaa 1px 1px 2px);
}
// becomes
.css {
	-webkit-box-shadow: #aaaaaa 1px 1px 2px;
	-moz-box-shadow: #aaaaaa 1px 1px 2px;
	box-shadow: #aaaaaa 1px 1px 2px;
}

No longer using Compass. Going with Prepros (on Mac) with Autoprefixer enabled (so no @include needed).

.scss {
	@include border-radius(10px);
}
// becomes
.css {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

No longer using Compass. Going with Prepros (on Mac) with Autoprefixer enabled (so no @include needed).

.scss {
	@include background(linear-gradient(#ffffff, #F6F6F6));
}
// becomes
.css {
	background: -webkit-linear-gradient(#ffffff, #f6f6f6);
	background: -moz-linear-gradient(#ffffff, #f6f6f6);
	background: -o-linear-gradient(#ffffff, #f6f6f6);
	background: linear-gradient(#ffffff, #f6f6f6);
}

No longer using Compass. Going with Prepros (on Mac) with Autoprefixer enabled (so no @include needed, just straight CSS).