github.com/phobos182/packer@v0.2.3-0.20130819023704-c84d2aeffc68/website/source/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: url(/images/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  }
    57  
    58  .page-wrap {
    59  min-height: 100%;
    60  /* equal to footer height */
    61  margin-bottom: -($nav-height);
    62  }
    63  
    64  .page-wrap:after {
    65  content: "";
    66  display: block;
    67  }
    68  
    69  .page-wrap:after {
    70  /* .push must be the same height as footer */
    71  height: $nav-height;
    72  }