Skip to content

Instantly share code, notes, and snippets.

@ntassone
Created January 28, 2014 21:13
Show Gist options
  • Save ntassone/8676613 to your computer and use it in GitHub Desktop.
Save ntassone/8676613 to your computer and use it in GitHub Desktop.
Make a responsive fixed-with subnav.
//Requires bourbon for media query
$page-width: 1020px;
$subnav-width: 260px;
$gutter: 65px;
.wrapper {
&.has-subnav {
max-width: $page-width;
> aside {
width: $subnav-width;
float: left;
position: absolute;
height: 100%;
@include max-screen(767px) {
display: none;
}
}
> section {
padding-left: $subnav-width + $gutter;
@include max-screen(767px) {
padding-left: 0;
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment