abc

/* Cross browserify a radial gradient
=radial_gradient_f($params)
  background-image: -webkit-radial-gradient($params)
  background-image:    -moz-radial-gradient($params)
  background-image:     -ms-radial-gradient($params)
  background-image:      -o-radial-gradient($params)
  background-image:         radial-gradient($params)

/* Cross browserify a linear gradient
=linear_gradient_f($params)
  background-image: -moz-linear-gradient($params)
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient($params)
  /* Opera 11.10+ */
  background-image: -o-linear-gradient($params)
  /* css3 */
  background-image: linear-gradient($params)

/* Horizontal and vertical rules */
=rule( $color : rgb(000,000,000) )
  /* color to fade to
  $transparent: rgba($color, 0.0)

  /* inner color of line
  $line_in : rgba($color,0.2)

  /* inner color of radial gradient
  $radial_in : rgba($color,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
    margin: 10px 0px

    div
      height: 100px
      width: 100%
      left: 0px
      top: 2px
      +radial_gradient_f((center -3400%, circle farthest-side, $radial_in 96%, $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%))

  
.rule
  +rule

.rule.light
  +rule( #fff )