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

50
_layouts/default.html
View File

@ -19,34 +19,38 @@
<body> <body>
<div id="bar"></div> <div id="bar"></div>
<div class="wrapper-masthead"> <div class="wrapper-container">
<div class="container"> <div class="wrapper-masthead">
<header class="masthead clearfix"> <div class="container">
<a href="{{ site.baseurl }}/" class="site-avatar"><img src="{{ site.avatar }}" /></a> <header class="masthead clearfix">
<a href="{{ site.baseurl }}/" class="site-avatar"><img src="{{ site.avatar }}" /></a>
<div class="site-info"> <div class="site-info">
<h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1> <h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1>
<p class="site-description">{{ site.description }}</p> <p class="site-description">{{ site.description }}</p>
</div> </div>
<nav> <nav>
<a href="{{ site.baseurl }}/">Home</a> <a href="{{ site.baseurl }}/">Home</a>
<a href="{{ site.baseurl }}/search">Search</a> <a href="{{ site.baseurl }}/search">Search</a>
<a href="{{ site.baseurl }}/about">About</a> <a href="{{ site.baseurl }}/about">About</a>
</nav> </nav>
</header> </header>
</div>
</div> </div>
</div>
<div id="main" role="main" class="container"> <div class="wrapper-main">
{{ content }} <div id="main" role="main" class="container">
</div> {{ content }}
</div>
</div>
<div class="wrapper-footer"> <div class="wrapper-footer">
<div class="container"> <div class="container">
<footer class="footer"> <footer class="footer">
{% include svg-icons.html %} {% include svg-icons.html %}
</footer> </footer>
</div>
</div> </div>
</div> </div>

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;
} }