github.com/amanya/packer@v0.12.1-0.20161117214323-902ac5ab2eb6/website/source/assets/stylesheets/_footer.scss (about)

     1  #footer{
     2    background-color: $black;
     3    padding: 20px 0;
     4  
     5    &.white{
     6      background-color: $black;
     7      .footer-links{
     8        li > a {
     9          @include project-footer-a-subpage-style();
    10        }
    11      }
    12    }
    13  
    14    .footer-links{
    15      li > a {
    16        @include project-footer-a-style();
    17      }
    18    }
    19  
    20    .hashicorp-project{
    21      margin-top: 24px;
    22      &:hover{
    23        svg{
    24          .svg-bg-line{
    25            opacity: .4;
    26          }
    27        }
    28      }
    29    }
    30  
    31    .pull-right{
    32      padding-right: 15px;
    33    }
    34  }
    35  
    36  body{
    37    &.page-Community{
    38      .edit-page-link{
    39        position: absolute;
    40        top: -70px;
    41        right: 30px;
    42      }
    43    }
    44  }
    45  
    46  .edit-page-link{
    47    position: absolute;
    48    top: -150px;
    49    right: 30px;;
    50  
    51    a{
    52      text-transform: uppercase;
    53      color: $black;
    54      font-size: 13px;
    55    }
    56  }
    57  
    58  @media (min-width: 1500px) {
    59    .edit-page-link{
    60      top: -56px;
    61    }
    62  }
    63  
    64  @media (max-width: 768px) {
    65    #footer{
    66      padding: 20px 0 80px;
    67      text-align: center;
    68  
    69      .footer-hashi{
    70        display: block;
    71        float: right !important;
    72        .hashicorp-project{
    73          margin-left: -30px;
    74        }
    75      }
    76  
    77      ul{
    78        display: block;
    79        li{
    80          display: block;
    81          float: left;
    82        }
    83  
    84        &.external-links{
    85          li{
    86            a{
    87              padding-left: 0 !important;
    88              margin-left: -14px;
    89            }
    90            svg{
    91              position: relative;
    92              left: 0;
    93              top: 2px;
    94              margin-top: 0;
    95              margin-right: 4px;
    96            }
    97          }
    98        }
    99      }
   100    }
   101  }