add footer

This commit is contained in:
cleverbeagle 2017-05-29 22:48:28 -05:00
parent b0270cc98b
commit bd78b8e4d7
8 changed files with 92 additions and 5 deletions

View file

@ -0,0 +1,53 @@
@import '../../stylesheets/mixins';
@import '../../stylesheets/colors';
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 80px;
}
.Footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
background-color: #fff;
border-top: 1px solid $gray-lighter;
padding: 20px 0;
p {
color: $gray-light;
}
ul {
list-style: none;
padding: 0;
}
ul li {
float: left;
&:first-child {
margin-right: 15px;
}
a {
color: $gray-light;
}
a:hover {
text-decoration: none;
color: $gray;
}
}
}
@include breakpoint(tablet) {
.Footer ul li:first-child {
margin-right: 30px;
}
}