Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
// Test maps and breakpoint dimentions
$bp-dims: (
palm-max: 480px
);
@function bp-dim($dim){
@return map-get($bp-dims, $dim)
}
$bp:
( palm 'screen and (max-width: #{map-get($bp-dims,palm-max)})'
, lap 'screen and (min-width: #{bp-dim(palm-max) + 1px})'
);
/*
#{$bp}
*/
nav {
width: bp-dim(palm-max);
}
/*
palm "screen and (max-width: 480px)", lap "screen and (min-width: 481px)"
*/
nav {
width: 480px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.