Skip to content

Instantly share code, notes, and snippets.

@wookiehangover
Last active October 31, 2016 06:58
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 wookiehangover/7548809 to your computer and use it in GitHub Desktop.
Save wookiehangover/7548809 to your computer and use it in GitHub Desktop.
Pusher
<body>
<div class="wrapper">
All non-footer content goes here.
<div class="pusher"></div>
</div>
<footer class="primary-footer">
Footer Content
</footer>
</body>
//
// Pusher Man
//
@footerHeight: 89px;
html,body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
margin-bottom: -@footerHeight;
}
.pusher {
height: @footerHeight;
}
.primary-footer {
width: 100%;
height: @footerHeight;
box-sizing: border-box;
padding: 10px 20px;
position: relative;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment