minoplhy/crappy-reverie
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed footer to the bottom

Browse Source
This commit is contained in:
amitmerchant1990 2019-07-28 14:09:08 +05:30
parent feb2f502e3
commit ace40eff00
2 changed files with 42 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_layouts/default.html
View File

@ -19,6 +19,7 @@
<body>
<div id="bar"></div>
<div class="wrapper-container">
<div class="wrapper-masthead">
<div class="container">
<header class="masthead clearfix">
@ -38,9 +39,11 @@
</div>
</div>
<div class="wrapper-main">
<div id="main" role="main" class="container">
{{ content }}
</div>
</div>
<div class="wrapper-footer">
<div class="container">
@ -49,6 +52,7 @@
</footer>
</div>
</div>
</div>
{% include analytics.html %}
</body>

18
style.scss
View File

@ -17,6 +17,7 @@
html {
font-size: 100%;
height: 100%;
}
body {
@ -26,6 +27,7 @@ body {
line-height: 1.7;
font-weight: bold;
font-size: 15pt;
height: 100%;
}
.container {
@ -334,10 +336,20 @@ nav {
}
}
.wrapper-container {
min-height: 100%;
position: relative;
}
.wrapper-main {
padding-bottom: 134px;
}
.wrapper-footer {
margin-top: 50px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: absolute;
bottom: 0;
width: 100%;
height: 89px;
background-color: $lightGray;
}