open-consul/website/source/assets/stylesheets/_header.scss

78 lines
1.3 KiB
SCSS
Raw Normal View History

2014-02-08 00:41:03 +00:00
//
// Header
2015-11-07 07:17:00 +00:00
// - Project Specific
// - edits should be made here
2014-02-08 00:41:03 +00:00
// --------------------------------------------------
body.page-sub{
2015-11-07 07:17:00 +00:00
#header{
2015-11-09 21:48:29 +00:00
@include consul-gradient-bg();
2014-02-08 00:41:03 +00:00
2015-11-07 07:17:00 +00:00
.navbar-brand {
.logo{
&:hover{
color: $black;
2014-04-05 09:03:01 +00:00
}
2015-11-07 07:17:00 +00:00
}
2014-02-08 00:41:03 +00:00
}
2015-11-07 07:17:00 +00:00
}
2014-02-08 00:41:03 +00:00
}
2015-11-07 07:17:00 +00:00
#header {
.navbar-brand {
.logo{
2015-11-09 07:30:55 +00:00
padding-left: 50px;
2015-11-07 07:38:43 +00:00
font-size: 0;
2015-11-07 07:17:00 +00:00
text-transform: uppercase;
2015-11-07 07:38:43 +00:00
background: image-url('../images/consul-hero-logo.png') 0 0 no-repeat;
@include img-retina("../images/consul-hero-logo.png", "../images/consul-hero-logo@2x.png", $project-logo-width, $project-logo-height);
background-position: 0 center;
2015-11-07 07:17:00 +00:00
&:hover{
2015-11-07 07:38:43 +00:00
opacity: .4;
2015-11-07 07:17:00 +00:00
}
2014-04-05 09:03:01 +00:00
}
.by-hashicorp{
2015-11-07 07:17:00 +00:00
&:hover{
svg{
.svg-bg-line{
2015-11-07 07:38:43 +00:00
opacity: .4;
2015-11-07 07:17:00 +00:00
}
}
2015-11-07 07:17:00 +00:00
}
}
2015-11-07 07:17:00 +00:00
}
2014-04-05 09:03:01 +00:00
2015-11-07 07:17:00 +00:00
.buttons{
margin-top: 2px; //baseline everything
}
}
2014-04-09 02:51:34 +00:00
2015-11-07 07:17:00 +00:00
@media (max-width: 414px) {
#header {
.navbar-brand {
.logo{
padding-left: 37px;
2015-11-09 07:30:55 +00:00
@include img-retina("../images/consul-hero-logo.png", "../images/consul-hero-logo@2x.png", $project-logo-width * .75, $project-logo-height * .75);
img{
width: 72px;
height: 14px;
}
2015-11-07 07:17:00 +00:00
}
}
}
2014-04-05 09:03:01 +00:00
}
2015-11-07 07:17:00 +00:00
@media (max-width: 320px) {
#header {
.navbar-brand {
.logo{
2015-11-09 07:16:24 +00:00
2015-11-07 07:17:00 +00:00
}
}
}
2014-02-08 00:41:03 +00:00
}