Skip to content

Instantly share code, notes, and snippets.

@napotopia
Created February 22, 2016 13:23
Show Gist options
  • Save napotopia/d003a44b1eac0bc92b2f to your computer and use it in GitHub Desktop.
Save napotopia/d003a44b1eac0bc92b2f to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$mq-overlap: 0.065em;
$mq-overlap--print: 0.01in;
$mq: (
values: (
all: (
xs: 30em,
sm: 35.5em,
md: 48em,
lg: 60em,
xl: 75em,
xs-max: 35.5em - $mq-overlap,
sm-max: 48em - $mq-overlap,
md-max: 60em - $mq-overlap,
lg-max: 75em - $mq-overlap
),
print: (
md: 5in,
lg: 7.5in,
xl: 10in,
sm-max: 5in - $mq-overlap--print,
md-max: 7.5in - $mq-overlap--print,
lg-max: 10in - $mq-overlap--print
)
)
);
$mq-sizes: (
all: (
xs: "min-width: " + deep-map-get($mq, "values", "all", "xs"),
sm: "min-width: " + deep-map-get($mq, "values", "all", "sm"),
md: "min-width: " + deep-map-get($mq, "values", "all", "md"),
lg: "min-width: " + deep-map-get($mq, "values", "all", "lg"),
xl: "min-width: " + deep-map-get($mq, "values", "all", "xl")
),
print: (
md: "min-width: " + deep-map-get($mq, "values", "print", "md"),
lg: "min-width: " + deep-map-get($mq, "values", "print", "lg"),
xl: "min-width: " + deep-map-get($mq, "values", "print", "xl"),
)
);
@function deep-map-get($map, $keys...) {
@each $key in $keys {
$_map: map-get($map, $key);
}
@return $_map;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment