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

58 lines
884 B
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{
2017-03-04 04:04:56 +01:00
width: $project-logo-width;
height: $project-logo-height;
font-size: 0px;
2017-02-14 20:37:11 +01:00
font-family: $font-family-klavika;
background: image-url('logo-header.svg') 0 32% no-repeat;
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{
2017-02-13 22:37:26 +01:00
margin-top: 2px;
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
}