Diamond mixin

gistfile1.sass

// Fluid Squares
// -------------------------------------------------------
@mixin box($box-size: 80px, $fluid: false) {
  display: block;
  position: relative;
  height: 0;
  width: $box-size;
  padding-bottom: $box-size;
  @if($fluid) {
    height: 0;
    padding-bottom: $box-size;
  }
  @else {
    height: $box-size;
  }
}

// Diamonds
// -------------------------------------------------------
@mixin diamond($degrees: 45deg) {
  display: block;
  position: relative;
  -webkit-transform: rotate($degrees);
  -moz-transform: rotate($degrees);
  -ms-transform: rotate($degrees);
  -o-transform: rotate($degrees);
  transform: rotate($degrees);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=#{-1*sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})";
  filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=#{-1*sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)});
  
  > * {
    display: block;
    position: relative;
    -webkit-transform: rotate(-$degrees);
    -moz-transform: rotate(-$degrees);
    -ms-transform: rotate(-$degrees);
    -o-transform: rotate(-$degrees);
    transform: rotate(-$degrees);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos(-$degrees)}, M12=#{-1*sin(-$degrees)}, M21=#{sin(-$degrees)}, M22=#{cos(-$degrees)})";
    filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos(-$degrees)}, M12=#{-1*sin(-$degrees)}, M21=#{sin(-$degrees)}, M22=#{cos(-$degrees)});  
  }
}