Skip to content

Instantly share code, notes, and snippets.

@procload

procload/Ample Style Guide: Breakpoint Hierarchy.scss

Last active December 16, 2015 04:08
Show Gist options
  • Save procload/5374538 to your computer and use it in GitHub Desktop.
Save procload/5374538 to your computer and use it in GitHub Desktop.
Download ZIP
Correct breakpoint hierarchy
Raw
Ample Style Guide: Breakpoint Hierarchy.scss
.about-page {
.content-header {
background: $white;
padding: calc-em(30px);
width: 33%;
@include respond-to('30em') {
padding: calc-em(15px);
width: 50%;
} //30-em breakpoint
} //content-header
} //about-page
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment