github.com/dahs81/otto@v0.2.1-0.20160126165905-6400716cf085/website/source/assets/stylesheets/_header.scss (about) 1 // 2 // Header 3 // - Project Specific 4 // - edits should be made here 5 // -------------------------------------------------- 6 7 #header { 8 .navbar-brand { 9 .logo{ 10 color: $black; 11 font-family: $font-family-bitstream; 12 font-size: 28px; 13 background: image-url('../images/logo-header.png') 0 0 no-repeat; 14 @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width, $project-logo-height); 15 background-position: 0 center; 16 17 &:hover{ 18 color: $orange; 19 } 20 } 21 22 .by{ 23 &:hover{ 24 svg{ 25 .svg-bg-line{ 26 fill: $orange; 27 } 28 } 29 } 30 } 31 } 32 33 .buttons{ 34 margin-top: 2px; //baseline everything 35 36 ul.navbar-nav{ 37 li { 38 &:hover{ 39 svg path{ 40 fill: $black; 41 } 42 } 43 44 svg path{ 45 fill: $blue-light; 46 } 47 } 48 } 49 } 50 51 .main-links, 52 .external-links { 53 li > a { 54 @include project-a-style(); 55 } 56 } 57 } 58 59 @media (max-width: 414px) { 60 #header { 61 .navbar-brand { 62 .logo{ 63 padding-left: 46px; 64 font-size: 22px; 65 } 66 } 67 } 68 } 69 70 71 @media (max-width: 320px) { 72 #header { 73 .navbar-brand { 74 .logo{ 75 // font-size: 0 !important; //hide terraform text 76 } 77 } 78 } 79 }