Cacher is the code snippet organizer for pro developers

.switch {
  font-size: 14px;
  font-family: Arial, sans-serif;
}

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

@mixin family($size){
  font-size: $size;
  @if $size <= 16px {
    font-family: Arial, sans-serif;
  } @else if $size <= 24px {
    font-family: Georgia, serif;
  } @else {
    font-family: Helvetica, sans-serif;
  }
 }

.switch {
  @include family(14px);
}