Skip to content

Instantly share code, notes, and snippets.

@SamHasler
Created July 23, 2014 10:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save SamHasler/2682295b8e938a528a11 to your computer and use it in GitHub Desktop.
Save SamHasler/2682295b8e938a528a11 to your computer and use it in GitHub Desktop.
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