Make footer sticky
This commit is contained in:
parent
8172b25008
commit
b5764ba7d9
2 changed files with 54 additions and 38 deletions
|
|
@ -5,6 +5,11 @@
|
|||
|
||||
html {
|
||||
font-family: 'Mononoki', monospace;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#theme {
|
||||
|
|
@ -12,7 +17,10 @@ html {
|
|||
color: #222;
|
||||
}
|
||||
|
||||
* { margin: 0px; }
|
||||
* {
|
||||
margin: 0px;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
.header-art {
|
||||
display: grid;
|
||||
|
|
@ -90,6 +98,12 @@ ul {
|
|||
list-style: none;
|
||||
}
|
||||
|
||||
#container {
|
||||
min-height: 100%;
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
}
|
||||
|
||||
.post-date, .link-date {
|
||||
color: #777;
|
||||
font-size: 14px;
|
||||
|
|
|
|||
|
|
@ -59,6 +59,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div id="container">
|
||||
{%- if lang == "pt" %}
|
||||
<a id="skip-to-main" href="#main">Saltar para o conteúdo</a>
|
||||
{%- else %}
|
||||
|
|
@ -102,5 +103,6 @@
|
|||
<footer>
|
||||
{%- block footer %}{% endblock -%}
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue