Cacher is the code snippet organizer for pro developers

<div class="test">
  Some text
</div>
 

.test {
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-bottom: .5em;
  margin-top: .5em;
  font-size: 1em;
  line-height: 140%;
}

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

@mixin serif-font($f-size: 1em, $l-height: 140%, $m-top: .5em, $m-bottom: .5em) {
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-bottom: .5em;
  margin-top: .5em;
  font-size: $f-size;
  line-height: $l-height;
}

@mixin sans-font($f-size: 1em, $l-height: 140%) {
  font-family: verdana, Helvetica, arial, "Helvetica Nueu", sans-serif;
  margin-bottom: .5em;
  margin-top: .5em;
  font-size: $f-size;
  line-height: $l-height
}

.test {
  @include serif-font
}

<div class="test">
  Some text
</div>