Skip to content

Instantly share code, notes, and snippets.

@scottkellum
Created July 16, 2015 12:51
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save scottkellum/ef16b45d24658867aae2 to your computer and use it in GitHub Desktop.
Save scottkellum/ef16b45d24658867aae2 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Modular Scale (v2.1.1)
// ----
@import 'modular-scale';
@mixin ml($range...) {
@if $ms-range == null {$ms-range: $range !global;}
@include ms-respond(line-height, 1, $range, 1);
}
foo {
@include ml(
1.1 20em,
1.4 40em
);
}
foo {
line-height: 1.1;
}
@media (min-width: 20em) and (max-width: 40em) {
foo {
line-height: calc( 1.1 + 0.3 * ( ( 100vw - 20em) / 20 ) );
}
}
@media (min-width: 40em) {
foo {
line-height: 1.4;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment