airen

// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----

//Thanks:http://web-design-weekly.com/2013/05/12/handy-sass-mixins/
@mixin opacity($opacity) {
  opacity: $opacity;
  $opacity-ie: $opacity * 100;
  filter: alpha(opacity=$opacity-ie); //IE8

airen

// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----

//Thanks:http://web-design-weekly.com/2013/05/12/handy-sass-mixins/
@mixin opacity($opacity) {
  opacity: $opacity;
  $opacity-ie: $opacity * 100;
  filter: alpha(opacity=$opacity-ie); //IE8

airen

// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----

//Thanks:http://web-design-weekly.com/2013/05/12/handy-sass-mixins/

@mixin abs-pos ($top: auto, $right: auto, $bottom: auto, $left: auto) {
  top: $top;
  right: $right;

airen

// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----

//Thanks:http://web-design-weekly.com/2013/05/12/handy-sass-mixins/

@mixin line-height($heightValue: 12 ){
  line-height: $heightValue + px; //fallback for old browsers
  line-height: (0.125 * $heightValue) + rem;

airen

// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----

//Thanks:http://www.lukeharrison.net/blog/4-useful-sass-mixins/
@mixin animated-caption($font-color, $bg-color, $bg-opacity, $padding, $transition-speed) {
  display:inline-block;
  position:relative;
  overflow:hidden;

airen

// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----

//#Sass Mixins and Function
//Collection best of Sass Mixins and Function.If you have seen good and meaningful Mixins or Functions, please send us your code.Let more students share your results.
//收集优秀的Sass Mixins和Function。如果您有看到优秀的、有意义的Mixins或Functions，请向我们提交您的代码吧。让更多的同学分享您的成果。

airen

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----

// Breakpoints map
// @type Map
$breakpoints: (
  // Regular breakpoints
  "baby-bear": "(max-width: 500px)",

airen

// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----

// Breakpoints map
$breakpoints: (
  // Regular breakpoints
  "resMaxSmall": "(max-width: 500px)",
  "resMaxMedium": "(max-width: 700px)",

airen

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----

//Thanks:http://paranoida.com/　
//by @Rafal Bromirski (http://twitter.com/paranoida)

//Screen

airen

// ----
// Sass (v3.3.14)
// Compass (v1.0.0)
// ----

@mixin pseudo-elements($el,$el-width,$el-height){
	@if $el == "before" or $el == "after"{
		&:#{$el}{
			content: "";
			position: absolute;