RyanRoberts
5/27/2014 - 1:10 PM

Generated by SassMeister.com.

Generated by SassMeister.com.

h1 {
  font-size: 30px;
  font-size: 3rem;
  width: 200px;
  width: 20rem;
  margin: 20px 0 60px 5px;
  margin: 2rem 0 6rem 0.5rem;
}
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

// REM
//
// Modified version of Bitmanic's rem mixin
// See: https://github.com/bitmanic/rem
// —————————————————————————————————————————————————————————————————————————————
$base-font-size: 10px

=rem($css-property, $values)
  // Convert the baseline into rems
  $baseline-rem: $base-font-size / 1rem
  #{$css-property}: $values
  // If there is only one (numeric) value, return the property/value line for it.
  @if type-of($values) == "number"
    #{$css-property}: $values / $baseline-rem
  @else
    // Create an empty list that we can dump values into
    $rem-values: ()
    @each $value in $values
      // If the value is zero, return 0
      @if $value == 0 or type-of($value) != "number"
        $rem-values: append($rem-values, $value)
      @else
        $rem-values: append($rem-values, $value / $baseline-rem)
    // Return the property and its list of converted values
    #{$css-property}: $rem-values
  
  

h1
  +rem(font-size, 30px)
  +rem(width, 200px)
  +rem(margin, 20px 0 60px 5px)