main.sass

/* Horizontal and vertical rules */
.rule
  $transparent: rgba(000,000,000,0.0)
  $line_in : rgba(000,000,000,0.2)
  $radial_in : rgba(000,000,000,0.3)
  $grad_params : $transparent, $line_in 25%, $line_in 75%, $transparent
  div
    position: absolute
    
  &.h
    +linear_gradient_f((left, $grad_params))
    position: relative
    height: 1px

    div
      height: 100px
      width: 100%
      left: 0px
      top: 2px
      +radial_gradient_f((center -3300%, circle farthest-side, $radial_in 94%, $transparent 98%))

  /* Should be inside a relative container or else add:
  /* position: relative and defined height
  &.v
    +linear_gradient_f((top, $grad_params))
    position: absolute
    top: 0
    height: 100%
    width: 1px

    div
      width: 100px
      height: 100%
      left: 2px
      top: 0
      +radial_gradient_f((-1600% center, circle farthest-side, $radial_in 90%, $transparent 95%))