github.com/aspring/packer@v0.8.1-0.20150629211158-9db281ac0f89/website/source/assets/stylesheets/_footer.scss (about) 1 footer { 2 height: $nav-height; 3 max-height: $nav-height; 4 background-color: $black !important; 5 padding: 0; 6 margin: 0; 7 text-transform: uppercase; 8 color: $white; 9 font-family: $sans; 10 @include respond-to(mobile) { 11 margin-right: -20px; 12 margin-left: -20px; 13 } 14 15 ul { 16 margin-top: 40px; 17 @include respond-to(mobile) { 18 margin-left: $baseline; 19 margin-top: $baseline; 20 } 21 22 li { 23 display: inline; 24 margin-right: 50px; 25 @include respond-to(mobile) { 26 margin-right: 20px; 27 display: list-item; 28 } 29 } 30 31 .hashi-logo { 32 background: image-url('logo_footer.png') no-repeat center top; 33 height: 40px; 34 width: 40px; 35 background-size: 37px 40px; 36 text-indent: -999999px; 37 display: inline-block; 38 margin-top: -10px; 39 margin-right: 0; 40 @include respond-to(mobile) { 41 margin-top: -50px; 42 margin-right: $baseline; 43 } 44 } 45 } 46 47 .active { 48 color: $green; 49 } 50 51 button { 52 margin-top: 20px; 53 } 54 } 55 56 .page-wrap { 57 min-height: 100%; 58 /* equal to footer height */ 59 margin-bottom: -($nav-height); 60 } 61 62 .page-wrap:after { 63 content: ""; 64 display: block; 65 } 66 67 .page-wrap:after { 68 /* .push must be the same height as footer */ 69 height: $nav-height; 70 }