Simplified sticky footer css styles

This commit is contained in:
Sahat Yalkabov
2014-05-11 04:04:39 -04:00
parent 86374a5c39
commit 68ca8a482f
4 changed files with 12 additions and 32 deletions

View File

@ -7,27 +7,22 @@
// Scaffolding
// -------------------------
html, body {
height: 100%;
html {
position: relative;
min-height: 100%;
}
body {
padding-top: 70px;
padding-top: 60px;
margin-bottom: 90px;
}
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by its height */
margin: 0 auto -110px;
/* Pad bottom by footer height + (optional) extra spacing */
padding: 0 0 140px;
}
#footer {
height: 110px;
padding-top: 15px;
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 90px;
}
// Navbar

View File

@ -94,12 +94,4 @@
transition: all 0.2s linear;
}
}
}
// Footer
// -------------------------
#footer {
background-color: #f8f8f8;
border-top: 1px solid #e7e7e7;
}
}

View File

@ -988,11 +988,4 @@ input[type="color"],
.well {
.box-shadow(none);
}
// Footer =================================================================
#footer {
color: #fff;
background-color: @brand-primary;
}

View File

@ -1,4 +1,4 @@
#footer
footer
.container.text-center
div © 2014 Company, Inc.
div