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 }