github.com/yoctocloud/packer@v0.6.2-0.20160520224004-e11a0a18423f/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: none !important;
    72        .hashicorp-project{
    73          margin-left: -30px;
    74        }
    75      }
    76  
    77      ul{
    78        display: block;
    79        width: 100%;
    80        li{
    81          display: block;
    82          float: none;
    83        }
    84  
    85        &.external-links{
    86          li{
    87            a{
    88              padding-left: 0 !important;
    89              margin-left: -14px;
    90            }
    91            svg{
    92              position: relative;
    93              left: 0;
    94              top: 2px;
    95              margin-top: 0;
    96              margin-right: 4px;
    97            }
    98          }
    99        }
   100      }
   101    }
   102  }