ボックスの文字サイズと行間を反映した上下余白をremで返すmixin ref: http://qiita.com/webbingstudio@github/items/b607869bedec12eea961

box-spacing.scss

// px高さと文字サイズから必要な余白を計算し、remで返す

@mixin box-spacing( $height: 30, $font-size: 16, $line-height: 1.35, $border-top: 0, $border-bottom: 0, $rem: 16 ) {
  padding-top: ( ( ( $height - ( $border-top + $border-bottom ) - ( $font-size * $line-height ) ) / 2 ) / $rem ) * 1rem;
  padding-bottom: ( ( ( $height - ( $border-top + $border-bottom ) - ( $font-size * $line-height ) ) / 2 ) / $rem ) * 1rem;
}

box-spacing_call.scss

.example {
  @include box-spacing( 44, 16, 1.5, 3, 3 );
}