Generated by SassMeister.com.

SassMeister-input.sass

// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// Breakpoint (v2.4.1)
// ----

@import "breakpoint"

$mobile-font-size: 16px
$ipad-font-size: 18px

$ipad: 768px

@function calculateRem($size, $htmlSize)
  $remSize: $size / $htmlSize
  @return #{$remSize}rem
  
@mixin fontSize($size, $htmlSize)
  font-size: $size
  font-size: calculateRem($size, $htmlSize)

body
  +fontSize(16px, $mobile-font-size)

  +breakpoint($ipad)
    +fontSize(32px, $ipad-font-size)

SassMeister-output.css

body {
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 768px) {
  body {
    font-size: 32px;
    font-size: 1.77778rem;
  }
}