fix footer for mobile styles

2012-02-17 14:04:23 -05:00
parent fd6214ab02
commit b9d72ebbe2
1 changed files with 10 additions and 0 deletions
--- a/sass/index/_footer.scss
+++ b/sass/index/_footer.scss
@@ -8,6 +8,11 @@ footer {
    padding: lh() 0;
    background: url('/static/images/marketing/mit-logo.png') right center no-repeat;

+    @media screen and (max-width: 780px) {
+      background-position: left bottom;
+      padding-bottom: lh(3);
+    }
+
    a {
      color: #888;
      text-decoration: none;
@@ -26,8 +31,13 @@ footer {
    ul {
      @include inline-block();

+      @media screen and (max-width: 780px) {
+        margin-top: lh();
+      }
+
      li {
        @include inline-block();
+        margin-bottom: 0;

        &:after {
          content: ' |';