m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-22 01:46:51 +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 {
.clearfix;
background: @body-bg;
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%);
@ -220,17 +221,18 @@ a.close,
}
.topbar,
.footer {
z-index: 1;
position: fixed;
border: none;
}
.topbar {
z-index: 1;
top: 0;
box-shadow: inset 0 1px 4px fade(@brand-dark, 10%);
border: none;
}
.footer {
z-index: 0;
height: 380px;
bottom: 0;
box-shadow: none;