Simplified sticky footer css styles
This commit is contained in:
@ -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
|
||||
|
@ -95,11 +95,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Footer
|
||||
// -------------------------
|
||||
|
||||
#footer {
|
||||
background-color: #f8f8f8;
|
||||
border-top: 1px solid #e7e7e7;
|
||||
}
|
||||
|
@ -989,10 +989,3 @@ input[type="color"],
|
||||
.well {
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
// Footer =================================================================
|
||||
|
||||
#footer {
|
||||
color: #fff;
|
||||
background-color: @brand-primary;
|
||||
}
|
@ -1,4 +1,4 @@
|
||||
#footer
|
||||
footer
|
||||
.container.text-center
|
||||
div © 2014 Company, Inc.
|
||||
div
|
||||
|
Reference in New Issue
Block a user