github.com/huiliang/nomad@v0.2.1-0.20151124023127-7a8b664699ff/website/source/assets/stylesheets/_footer.scss (about)

     1  body.page-sub{
     2    #footer{
     3      padding: 0 0 40px 0;
     4      .col-md-5{
     5        padding-top: 40px;
     6        border-top: 1px solid $faint-gray;
     7      }
     8    }
     9  }
    10  
    11  #footer{
    12    position: relative;
    13    padding: 64px 0;
    14    color: $black;
    15  
    16    > .container{
    17      position: relative;
    18    }
    19  
    20    .footer-links{
    21      li{
    22        a{
    23          @include hashi-a-style();
    24          @include project-a-style;
    25          line-height: 30px;
    26        }
    27      }
    28    }
    29  
    30    .pull-right{
    31      padding-right: 15px;
    32    }
    33  
    34    .footer-hashi{
    35      font-size: 14px;
    36  
    37      color: $black;
    38  
    39      a{
    40        color: $black;
    41        font-weight: 600;
    42      }
    43  
    44      span{
    45        margin-right: 4px;
    46      }
    47  
    48      .hashi-project{
    49        display: inline-block;
    50        height: 30px;
    51        line-height: 30px;
    52        text-decoration: none;
    53  
    54        &:hover{
    55          svg{
    56            &.svg-by{
    57              line{
    58                stroke: $green-dark;
    59              }
    60            }
    61          }
    62        }
    63  
    64        span{
    65          font-family: $header-font-family;
    66          font-weight: 500;
    67        }
    68  
    69        span,
    70        svg{
    71          display: inline-block;
    72        }
    73  
    74        svg{
    75          &.svg-by{
    76            width: $by-hashicorp-width;
    77            height: $by-hashicorp-height;
    78            margin-bottom: -4px;
    79            margin-left: -3px;
    80          }
    81  
    82          &.svg-logo{
    83            width: 30px;
    84            height: 30px;
    85            margin-bottom: -10px;
    86            margin-left: -1px;
    87          }
    88  
    89          path,
    90          line{
    91            fill: $black;
    92            @include transition(all 300ms ease-in);
    93  
    94            &:hover{
    95              @include transition(all 300ms ease-in);
    96            }
    97          }
    98        }
    99      }
   100    }
   101  }
   102  
   103  .edit-page-link{
   104    position: absolute;
   105    top: -70px;
   106    right: 30px;;
   107  
   108    a{
   109      text-transform: uppercase;
   110      color: $black;
   111      font-size: 13px;
   112    }
   113  }
   114  
   115  @media (max-width: 992px) {
   116  
   117  }
   118  
   119  @media (max-width: 768px) {
   120    #footer{
   121      text-align: center;
   122  
   123      .footer-links{
   124        float: none;
   125        display: inline-block;
   126        margin-bottom: 36px;
   127      }
   128  
   129      .footer-hashi {
   130        float: none;
   131        display: inline-block;
   132  
   133        .pull-right{
   134          float: none !important;
   135          padding-right: 0;
   136        }
   137      }
   138    }
   139  }
   140  
   141  @media (max-width: 414px) {
   142    #footer{
   143      .footer-links{
   144        li{
   145          display: block;
   146          float: none;
   147        }
   148      }
   149    }
   150  }