Skip to content

Instantly share code, notes, and snippets.

@mretzak
Last active August 29, 2015 14:09
Show Gist options
  • Save mretzak/a9ca71be0720978b9c21 to your computer and use it in GitHub Desktop.
Save mretzak/a9ca71be0720978b9c21 to your computer and use it in GitHub Desktop.
This introduces another breakpoint below 'small' screen as defaulted in foundation
// foundation_and_overrides.scss
$xsmall-screen: 400px;
$small-screen: 768px;
$medium-screen: 1280px;
$large-screen: 1440px;
// media query + column override
@media (max-width: #{$xsmall-screen}) {
.column, .columns {
width: 100%;
padding: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment