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

18
style.scss
View File

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