Responsive Sass Function

_responsive.scss

// @name    Responsive Function
// @desc    A function that returns a percentage or ems for a rwd approach
// @param   $target The target size
// @param   $context The size of the parent of the target size
// @param   [Optional] $t The type of calculation (defaults to percent)
// @author  Roger Steve Ruiz
// @email   [email protected]

@function r($target, $context, $t: percent) {
  @if $t == 'percent' {
    @return ($target / $context) * 100%;
  } @else {
    @return ($target / $context) * 1em;
  }
}