consul/website/source/assets/stylesheets/consul-connect/components/_header.scss

63 lines
920 B
SCSS

// TODO - currently overriding the main header
// this will affect docs as well. is that ok?
#header {
background: transparent;
.navbar-toggle {
.icon-bar {
border: 1px solid $gray-1;
}
}
.navbar-brand {
a {
svg.logo {
opacity: 1;
path.text {
fill: $black;
opacity: 1;
}
path.center-c {
fill: $consul-d1;
opacity: 1;
}
path.circles {
fill: $consul;
opacity: 1;
}
path.c {
fill: $consul;
opacity: 1;
}
}
}
}
ul.nav {
li {
a {
color: $gray-1;
&:hover,
&:focus,
&:active {
background-color: transparent;
color: $black;
svg {
fill: $black;
}
}
svg {
fill: $gray-1;
}
}
}
}
}