github.com/vtorhonen/terraform@v0.9.0-beta2.0.20170307220345-5d894e4ffda7/website/source/assets/stylesheets/_header.scss (about)

     1  //
     2  // Header
     3  // - Project Specific
     4  // - edits should be made here
     5  // --------------------------------------------------
     6  
     7  body.page-sub{
     8    #header{
     9      background-color: $purple;
    10    }
    11  }
    12  
    13  #header {
    14    .navbar-brand {
    15      .logo{
    16        font-size: 32px;
    17        font-family: $font-family-klavika;
    18        font-weight: 500;
    19        background: image-url('logo-header.png') 0 0 no-repeat;
    20        @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width, $project-logo-height);
    21        background-position: 0 40%;
    22  
    23        &:hover{
    24          opacity: .6;
    25        }
    26      }
    27  
    28      .by-hashicorp{
    29        margin-top: 2px;
    30        &:hover{
    31          svg{
    32            .svg-bg-line{
    33              opacity: .4;
    34            }
    35          }
    36        }
    37      }
    38    }
    39  
    40    .buttons{
    41      margin-top: 2px; //baseline everything
    42  
    43      ul.navbar-nav{
    44        li {
    45          svg path{
    46            fill: $white;
    47          }
    48        }
    49      }
    50    }
    51  
    52    .main-links,
    53    .external-links {
    54      li > a {
    55        @include project-a-style();
    56      }
    57    }
    58  }
    59  
    60  @media (max-width: 414px) {
    61    #header {
    62      .navbar-brand {
    63        .logo{
    64          padding-left: 37px;
    65          font-size: 18px;
    66          @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
    67          //background-position: 0 45%;
    68        }
    69      }
    70    }
    71  }
    72  
    73  
    74  @media (max-width: 320px) {
    75    #header {
    76      .navbar-brand {
    77        .logo{
    78          font-size: 0 !important; //hide terraform text
    79        }
    80      }
    81    }
    82  }