Stick footer to bottom, finally
This commit is contained in:
parent
e4c438450b
commit
c420e79ff0
2 changed files with 9 additions and 1 deletions
|
@ -73,8 +73,14 @@ img {
|
||||||
|
|
||||||
/* @end Functional */
|
/* @end Functional */
|
||||||
|
|
||||||
|
.content-wrapper {
|
||||||
|
min-height: %(~"calc(100% - %d)", @footer-height);
|
||||||
|
}
|
||||||
|
|
||||||
/* @group Footer */
|
/* @group Footer */
|
||||||
|
@footer-height: 200px;
|
||||||
footer {
|
footer {
|
||||||
|
height: @footer-height;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
|
|
|
@ -10,7 +10,9 @@
|
||||||
<link rel="shortcut icon" href=""/>
|
<link rel="shortcut icon" href=""/>
|
||||||
</head>
|
</head>
|
||||||
<body class="{{ body_class }}">
|
<body class="{{ body_class }}">
|
||||||
{% block baseContent%}{% endblock %}
|
<div class="content-wrapper">
|
||||||
|
{% block baseContent%}{% endblock %}
|
||||||
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
Reference in a new issue