github.com/turtlemonvh/terraform@v0.6.9-0.20151204001754-8e40b6b855e8/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            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          // &:hover{
    45          //     svg path{
    46          //         fill: $purple;
    47          //     }
    48          // }
    49  
    50          svg path{
    51            fill: $white;
    52          }
    53        }
    54      }
    55    }
    56  
    57    .main-links,
    58    .external-links {
    59      li > a {
    60        @include project-a-style();
    61      }
    62    }
    63  }
    64  
    65  @media (max-width: 414px) {
    66    #header {
    67      .navbar-brand {
    68        .logo{
    69          padding-left: 37px;
    70          font-size: 18px;
    71          @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
    72          //background-position: 0 45%;
    73        }
    74      }
    75    }
    76  }
    77  
    78  
    79  @media (max-width: 320px) {
    80    #header {
    81      .navbar-brand {
    82        .logo{
    83          font-size: 0 !important; //hide terraform text
    84        }
    85      }
    86    }
    87  }