github.com/dahs81/otto@v0.2.1-0.20160126165905-6400716cf085/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-bg-line{
    57              fill: $orange;
    58            }
    59          }
    60        }
    61  
    62        span{
    63          font-family: $header-font-family;
    64          font-weight: 500;
    65        }
    66  
    67        span,
    68        svg{
    69          display: inline-block;
    70        }
    71  
    72        svg{
    73          &.svg-by{
    74            width: $by-hashicorp-width;
    75            height: $by-hashicorp-height;
    76            margin-bottom: -4px;
    77            margin-left: -3px;
    78          }
    79  
    80          &.svg-logo{
    81            width: 30px;
    82            height: 30px;
    83            margin-bottom: -10px;
    84            margin-left: -1px;
    85          }
    86  
    87          path,
    88          line{
    89            fill: $black;
    90            @include transition(all 300ms ease-in);
    91  
    92            &:hover{
    93              @include transition(all 300ms ease-in);
    94            }
    95          }
    96  
    97          .svg-bg-line{
    98            @include transition(all 300ms ease-in);
    99  
   100            &:hover{
   101              @include transition(all 300ms ease-in);
   102            }
   103          }        
   104        }
   105      }
   106    }
   107  }
   108  
   109  .edit-page-link{
   110    position: absolute;
   111    top: -70px;
   112    right: 30px;;
   113  
   114    a{
   115      text-transform: uppercase;
   116      color: $black;
   117      font-size: 13px;
   118    }
   119  }
   120  
   121  @media (max-width: 992px) {
   122  
   123  }
   124  
   125  @media (max-width: 768px) {
   126    #footer{
   127      text-align: center;
   128  
   129      .footer-links{
   130        float: none;
   131        display: inline-block;
   132        margin-bottom: 36px;
   133      }
   134  
   135      .footer-hashi {
   136        float: none;
   137        display: inline-block;
   138  
   139        .pull-right{
   140          float: none !important;
   141          padding-right: 0;
   142        }
   143      }
   144    }
   145  }
   146  
   147  @media (max-width: 414px) {
   148    #footer{
   149      .footer-links{
   150        li{
   151          display: block;
   152          float: none;
   153        }
   154      }
   155    }
   156  }