github.com/adrian-bl/terraform@v0.7.0-rc2.0.20160705220747-de0a34fc3517/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: 20px;
    17        text-transform: uppercase;
    18        @include lato-light();
    19        background: image-url('../images/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 45%;
    22  
    23        &:hover{
    24          opacity: .6;
    25        }
    26      }
    27  
    28      .by-hashicorp{
    29        &:hover{
    30          svg{
    31            .svg-bg-line{
    32              opacity: .4;
    33            }
    34          }
    35        }
    36      }
    37    }
    38  
    39    .buttons{
    40      margin-top: 2px; //baseline everything
    41  
    42      ul.navbar-nav{
    43        li {
    44          svg path{
    45            fill: $white;
    46          }
    47        }
    48      }
    49    }
    50  
    51    .main-links,
    52    .external-links {
    53      li > a {
    54        @include project-a-style();
    55      }
    56    }
    57  }
    58  
    59  @media (max-width: 414px) {
    60    #header {
    61      .navbar-brand {
    62        .logo{
    63          padding-left: 37px;
    64          font-size: 18px;
    65          @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
    66          //background-position: 0 45%;
    67        }
    68      }
    69    }
    70  }
    71  
    72  
    73  @media (max-width: 320px) {
    74    #header {
    75      .navbar-brand {
    76        .logo{
    77          font-size: 0 !important; //hide terraform text
    78        }
    79      }
    80    }
    81  }