gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Simplified sticky footer css styles

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

25
public/css/styles.less
View File

@ -7,27 +7,22 @@
// Scaffolding // Scaffolding
// ------------------------- // -------------------------
html, body { html {
height: 100%; position: relative;
min-height: 100%;
} }
body { 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 { footer {
height: 110px; position: absolute;
padding-top: 15px; bottom: 0;
width: 100%;
height: 90px;
} }
// Navbar // Navbar

10
public/css/themes/default.less
View File

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

7
public/css/themes/flatly.less
View File

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

2
views/partials/footer.jade
View File

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