github.com/outbrain/consul@v1.4.5/website/source/assets/stylesheets/consul-connect/components/_header.scss (about) 1 // TODO - currently overriding the main header 2 // this will affect docs as well. is that ok? 3 #header { 4 background: transparent; 5 6 .navbar-toggle { 7 .icon-bar { 8 border: 1px solid $consul-black; 9 } 10 } 11 12 .navbar-brand { 13 a { 14 svg.logo { 15 opacity: 1; 16 17 path.text { 18 fill: $black; 19 opacity: 1; 20 } 21 22 path.center-c { 23 fill: $consul-red-dark; 24 opacity: 1; 25 } 26 27 path.circles { 28 fill: $consul-red; 29 opacity: 1; 30 } 31 32 path.c { 33 fill: $consul-red; 34 opacity: 1; 35 } 36 } 37 } 38 } 39 40 ul.nav { 41 li { 42 a { 43 color: $consul-black; 44 45 &:hover, 46 &:focus, 47 &:active { 48 background-color: transparent; 49 color: $black; 50 51 svg { 52 fill: $black; 53 } 54 } 55 56 svg { 57 fill: $consul-black; 58 } 59 } 60 } 61 } 62 }