Skip to content

Instantly share code, notes, and snippets.

@patrickbeeson
Created June 2, 2014 13:31
Show Gist options
  • Save patrickbeeson/6313a29cdbbc02dcb5f1 to your computer and use it in GitHub Desktop.
Save patrickbeeson/6313a29cdbbc02dcb5f1 to your computer and use it in GitHub Desktop.
Chicken Kitchen mobile menu SCSS
#chicken_kitchen {
...
.module {
...
&#deals, &#about, &#mobile_menu, &#recipes, &#testimonials, &#jokes, &#chicken_dance, &#chicken_sightings, &#fun_games {
...
}
...
&#mobile_menu {
h1 {
text-transform: none;
margin-bottom: 0;
&:before {
width: 49%;
}
}
}
...
}
#mobile_menu {
@extend .visible-xs;
p {
@extend .sentinel, .text-center;
letter-spacing: 1px;
font-size: 14px;
@media (min-width: $screen-sm-min) {
padding: 35px 50px;
}
}
img {
@extend .img-responsive, .center-block;
border: 1px solid #000;
padding: 5px;
}
}
...
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment