Mibew/simple-icons
1
0
Fork 0
mirror of https://github.com/Mibew/simple-icons.git synced 2025-01-29 21:40:35 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Push footer to bottom of the page

Browse Source 
Now the <footer> is pushed to the bottom of the page
when the icons don't fill up the screen.
This commit is contained in:
Eric Cornelissen 2017-09-17 17:58:41 +02:00
parent 07baee49d8
commit 6991beae11
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@ -160,6 +160,7 @@
:root { :root {
font-size: 100%; font-size: 100%;
height: 100%;
} }
a { a {
@ -172,9 +173,12 @@
body { body {
background-color: #FFFFFF; background-color: #FFFFFF;
display: flex;
flex-direction: column;
color: #263238; color: #263238;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 0.875rem; font-size: 0.875rem;
height: 100%;
line-height: 1.5rem; line-height: 1.5rem;
margin: 0; margin: 0;
} }
@ -222,6 +226,7 @@
.footer { .footer {
background-color: #EEE; background-color: #EEE;
margin-top: auto;
padding: 1.5rem; padding: 1.5rem;
} }
@media (min-width: 45rem) { @media (min-width: 45rem) {