github.com/aspring/packer@v0.8.1-0.20150629211158-9db281ac0f89/website/source/assets/stylesheets/_nav.scss (about)

     1  nav {
     2    height: $nav-height;
     3    height: $nav-height;
     4    padding: 0;
     5    margin: 0;
     6    min-width: 940px;
     7    text-transform: uppercase;
     8    color: $white;
     9    font-family: $sans;
    10    font-size: 16px;
    11    border-bottom: 1px solid $border-dark;
    12  
    13    ul {
    14      margin-top: ($baseline * 2);
    15      margin-left: $nav-height;
    16  
    17      li {
    18        display: inline-block;
    19        margin-right: 50px;
    20      }
    21    }
    22  
    23    .packer-logo {
    24      background: image-url('logo_nav.png') no-repeat center top;
    25      height: 80px;
    26      width: 80px;
    27      background-size: 34px 50px;
    28      text-indent: -999999px;
    29      display: inline-block;
    30      margin-top: 25px;
    31    }
    32  
    33    @media (min-width: $screen-md-min) {
    34      ul {
    35        li {
    36          &.featured {
    37            margin: -20px 0 0 10px;
    38            float: right;
    39  
    40            a {
    41              @include button;
    42              font-weight: bold;
    43            }
    44          }
    45        }
    46      }
    47    }
    48  
    49    @media (max-width: $screen-sm-max) {
    50      height: auto;
    51      padding: 0;
    52      min-width: auto;
    53  
    54      ul {
    55        margin: 1em 0 1em 80px;
    56  
    57        li {
    58          display: block;
    59          margin: 0;
    60          padding: 1em;
    61        }
    62      }
    63    }
    64  
    65    @media (max-width: $screen-xs-max) {
    66      button {
    67  
    68      }
    69    }
    70  }