Generated by SassMeister.com.

SassMeister-input.sass

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

//this is config
$light-gray: #ccc

//this is place holder file
%flat
  width: 0
  height: 0

//module
@function em($target, $context: 16)
  $value: ($target / $context) * 1.618em
  @return $value

$light-gray: #999 !default


//mix-in file named triangle
=triangle($direction, $margin, $size)
  &-#{$direction}
    @extend %flat
    @if $direction == "up"
      margin-left: em($margin)
      border:
        bottom: em(25) solid $light-gray
    @else if $direction == "down"
      margin-right: em($margin)
      border:
        bottom: em($size) solid $light-gray
    border:
      left: em($size) solid transparent
      right: em($size) solid transparent
      
//
.triangle
  +triangle(down, 550, 25)
  
.arrow
  +triangle(up, 300, 10)
  


    

SassMeister-output.css

.triangle-down, .arrow-up {
  width: 0;
  height: 0;
}

.triangle-down {
  margin-right: 55.61875em;
  border-bottom: 2.52813em solid #cccccc;
  border-left: 2.52813em solid transparent;
  border-right: 2.52813em solid transparent;
}

.arrow-up {
  margin-left: 30.3375em;
  border-bottom: 2.52813em solid #cccccc;
  border-left: 1.01125em solid transparent;
  border-right: 1.01125em solid transparent;
}