Improve footer layout and styling (fixed position is not fixed)

This commit is contained in:
James Brooks
2015-06-10 22:09:28 +01:00
parent 9877023bb4
commit 9a200684c1
6 changed files with 62 additions and 42 deletions

View File

@@ -294,12 +294,45 @@ body.status-page {
}
}
footer.footer {
padding-top: 40px;
padding-bottom: 40px;
color: #777;
text-align: center;
footer {
margin-top: 40px;
padding: 40px 0;
border-top: 1px solid $cachet_gray_light;
background-color: lighten($cachet_gray_light, 5%);
color: $cachet-gray-darker;
line-height: 30px;
text-align: center;
.icons {
a.icon-link {
display: inline-block;
min-width: 30px;
height: 30px;
border-radius: 3px;
background-color: $cachet-gray-darker;
text-align: center;
color: $cachet_gray_light;
transition: all 0.15s;
padding: 0 10px 0 10px;
&.rss {
background-color: $cachet-orange;
}
&:hover {
text-decoration: none;
background-color: darken($cachet-gray-darker, 10%);
}
}
}
@media (min-width: 768px) {
text-align: left;
.icons {
margin-top: 0;
text-align: right;
}
}
}
}