m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01:00
Code

fix overlap of footer and topbar when page has small height

Browse Source
This commit is contained in:
Matthias Kretschmann 2013-12-04 23:04:52 +01:00
parent 3554e691fb
commit 00b9bdfc86
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_src/assets/less/scaffolding.less
View File

@ -15,6 +15,7 @@ body {
// //
.topbar { .topbar {
.clearfix; .clearfix;
background: @body-bg;
border-bottom: 1px solid rgba(255,255,255,.7); border-bottom: 1px solid rgba(255,255,255,.7);
box-shadow: inset 0 1px 4px fade(@brand-dark, 20%), inset 0 -1px 4px fade(@brand-dark, 20%); box-shadow: inset 0 1px 4px fade(@brand-dark, 20%), inset 0 -1px 4px fade(@brand-dark, 20%);
@ -220,17 +221,18 @@ a.close,
} }
.topbar, .topbar,
.footer { .footer {
z-index: 1;
position: fixed; position: fixed;
border: none; border: none;
} }
.topbar { .topbar {
z-index: 1;
top: 0; top: 0;
box-shadow: inset 0 1px 4px fade(@brand-dark, 10%); box-shadow: inset 0 1px 4px fade(@brand-dark, 10%);
border: none; border: none;
} }
.footer { .footer {
z-index: 0;
height: 380px; height: 380px;
bottom: 0; bottom: 0;
box-shadow: none; box-shadow: none;