github.com/danp/terraform@v0.9.5-0.20170426144147-39d740081351/website/source/assets/stylesheets/_header.scss (about)

     1  #header {
     2    background: $header-background-color;
     3  
     4    .navbar-toggle {
     5      height: $header-height;
     6      margin: 0;
     7      padding-right: 15px;
     8      border-radius: 0;
     9  
    10      .icon-bar {
    11        border: 1px solid $white;
    12        border-radius: 0;
    13      }
    14    }
    15  
    16    .navbar-brand {
    17      display: block;
    18      margin: 0;
    19      padding: 0;
    20  
    21      a {
    22        display: flex;
    23        align-items: center;
    24        height: $header-height;
    25        line-height: $header-height;
    26  
    27        svg.logo {
    28          transition: opacity 0.15s ease-in-out;
    29          @extend svg.logo.white;
    30  
    31          &:hover, &:focus, &:active {
    32            opacity: 0.6;
    33            outline: 0;
    34            text-decoration: none;
    35          }
    36        }
    37      }
    38    }
    39  
    40    ul.nav {
    41      li {
    42        a {
    43          color: $header-link-color;
    44          font-size: $header-font-size;
    45          font-family: $font-family-open-sans;
    46          font-weight: $font-weight-bold;
    47          height: $header-height;
    48          line-height: $header-height;
    49          padding: 0 10px;
    50          margin: 0;
    51          text-decoration: none;
    52  
    53          &:hover, &:focus, &:active {
    54            background-color: transparent;
    55            color: $header-link-color-hover;
    56            outline: 0;
    57  
    58            svg {
    59              fill: $header-link-color-hover;
    60            }
    61          }
    62  
    63          svg {
    64            fill: $header-link-color;
    65            position: relative;
    66            top: 2px;
    67            width: 14px;
    68            height: 14px;
    69            margin-right: 3px;
    70          }
    71        }
    72      }
    73    }
    74  
    75    .buttons {
    76      margin-top: 2px;
    77    }
    78  }