$header_c:#339900;
$header_h:60px;
$orange:#f90;
$font_path:"../../font/";
.icon{
  font-family:"awesome";
}
@mixin text-arrow($dir1:top,$n1:0,$dir2:left,$n2:0,$bcolor:#ccc,$acolor:#fff,$font:16px,$width:2px,$time:.6s){
  &:before,&:after,.hack-before,.hack-after{
    content:'◆';
    font-family:'SimSun';
    font-size:$font;
    color:$bcolor;
    @include pos($dir1,$n1,$dir2,$n2);
    @include unselectable;
    @include transition(all ease $time);
  }
  &:after,.hack-after{
    color:$acolor;
    #{$dir1}:$n1 + $width;
  }
  cursor:default;
}

/*
- for halft-opacity background
- dir0 is the oppsite
*/
@mixin border-arrow($dir0:bottom,$dir1:top,$n1:0,$dir2:left,$n2:0,$color:#ccc,$size:8px){
  &:after{
    content:'';
    width:0;
    height:0;
    position:absolute;
    #{$dir1}:$n1;
    #{$dir2}:$n2;
    border:$size solid transparent;
    border-#{$dir0}-color:$color;
  }
}