Best practices and readability fix

1. Generate em values for breakpoint mixin using $default-font-size
2. Changed variable name from $x-large to $xlarge for readability/understandability