terraform/website/source/assets/stylesheets/_header.scss

82 lines
1.4 KiB
SCSS
Raw Normal View History

2014-07-16 23:51:48 +02:00
//
// Header
2015-11-06 21:35:24 +01:00
// - Project Specific
// - edits should be made here
2014-07-16 23:51:48 +02:00
// --------------------------------------------------
2015-11-07 00:41:23 +01:00
body.page-sub{
2015-11-07 06:01:14 +01:00
#header{
background-color: $purple;
}
2015-11-07 00:41:23 +01:00
}
2014-07-16 23:51:48 +02:00
#header {
2015-11-07 06:01:14 +01:00
.navbar-brand {
.logo{
font-size: 20px;
text-transform: uppercase;
@include lato-light();
background: image-url('../images/logo-header.png') 0 0 no-repeat;
@include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width, $project-logo-height);
background-position: 0 45%;
2014-07-24 02:55:55 +02:00
2015-11-07 06:01:14 +01:00
&:hover{
2015-11-10 07:17:57 +01:00
opacity: .6;
2015-11-07 06:01:14 +01:00
}
}
2014-07-24 01:48:44 +02:00
2015-11-10 07:17:57 +01:00
.by-hashicorp{
2015-11-07 06:01:14 +01:00
&:hover{
svg{
2015-12-20 06:33:48 +01:00
.svg-bg-line{
2015-11-10 07:17:57 +01:00
opacity: .4;
2015-11-07 06:01:14 +01:00
}
2014-07-24 02:55:55 +02:00
}
2015-11-07 06:01:14 +01:00
}
2014-07-24 01:48:44 +02:00
}
2015-11-07 06:01:14 +01:00
}
2014-07-24 01:48:44 +02:00
2015-11-07 06:01:14 +01:00
.buttons{
margin-top: 2px; //baseline everything
2014-07-24 02:55:55 +02:00
2015-11-07 06:01:14 +01:00
ul.navbar-nav{
li {
svg path{
fill: $white;
2014-07-24 02:06:57 +02:00
}
2015-11-07 06:01:14 +01:00
}
2014-07-24 02:06:57 +02:00
}
2015-11-07 06:01:14 +01:00
}
2014-07-24 01:48:44 +02:00
2015-11-07 06:01:14 +01:00
.main-links,
.external-links {
li > a {
@include project-a-style();
2014-07-24 03:51:21 +02:00
}
2015-11-07 06:01:14 +01:00
}
2014-07-16 23:51:48 +02:00
}
2015-11-07 01:01:39 +01:00
@media (max-width: 414px) {
#header {
.navbar-brand {
.logo{
padding-left: 37px;
font-size: 18px;
@include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
//background-position: 0 45%;
}
}
}
}
@media (max-width: 320px) {
#header {
.navbar-brand {
.logo{
font-size: 0 !important; //hide terraform text
}
}
}
}