Generated by SassMeister.com.
p {
font-size: 25px;
font-size: 1.5625rem;
margin: 25px 15px;
margin: 1.5625rem 0.9375rem;
}
// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// Bourbon (v4.0.2)
// ----
@import "bourbon/bourbon";
//$em-base: 10px;
@mixin px-rem($property, $values...) {
$pxValues: ();
$remValues: ();
@each $value in $values {
$val: strip-units($value);
@if not not index("initial" "inherit" "auto" 0, $value) {
$pxValues: append($pxValues, $val);
$remValues: append($remValues, $val);
} @else {
$pxValues: append($pxValues, $val*1px);
$remValues: append($remValues, rem($val) );
}
}
#{$property}: $pxValues;
#{$property}: $remValues;
}
@mixin fs($number) {
@include px-rem(font-size, $number);
}
p {
@include fs(25);
@include px-rem(margin, 25, 15);
}