github.com/kardianos/nomad@v0.1.3-0.20151022182107-b13df73ee850/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      padding: 40px 0;
    13      color: black;
    14  
    15      .footer-links{
    16          margin-bottom: 20px;
    17  
    18          .li-under a:hover::after,
    19          .li-under a:focus::after {
    20              opacity: 1;
    21              -webkit-transform: skewY(15deg) translateY(8px);
    22              -moz-transform: skewY(15deg) translateY(8px);
    23              transform: skewY(15deg) translateY(8px);
    24          }
    25  
    26          .li-under a::after {
    27              background-color: $purple;
    28          }
    29  
    30          li{
    31              a{
    32                  @include v-nav-style();
    33              }
    34          }
    35      }
    36  
    37      .pull-right{
    38          padding-right: 15px;
    39      }
    40  
    41      .footer-hashi{
    42          font-size: 14px;
    43  
    44          a{
    45              color: black;
    46              font-weight: 600;
    47          }
    48  
    49          span{
    50              margin-right: 4px;
    51          }
    52  
    53          .hashi-logo{
    54              display: inline-block;
    55              vertical-align: middle;
    56              i{
    57                  display: inline-block;
    58                  margin-top: -2px;
    59                  width: 27px;
    60                  height: 28px;
    61                  background: image-url('../images/hashi-logo.png') 0 0 no-repeat;
    62                  @include img-retina('../images/hashi-logo.png', '../images/hashi-logo@2x.png', 27px, 28px);
    63              }
    64          }
    65      }
    66  }
    67  
    68  @media (max-width: 992px) {
    69  
    70  }
    71  
    72  @media (max-width: 768px) {
    73  
    74      body.page-sub{
    75          #footer{
    76              .col-md-5{
    77                  &:last-child{
    78                      padding-top: 0;
    79                      border-top: none;
    80                  }
    81              }
    82          }
    83      }
    84  
    85      #footer{
    86          padding: 100px 0 40px;
    87          text-align: center;
    88  
    89          .footer-links{
    90              float: none;
    91              display: inline-block;
    92          }
    93  
    94          .footer-hashi {
    95              float: none;
    96              display: inline-block;
    97  
    98              .pull-right{
    99                  float: none !important;
   100              }
   101          }
   102      }
   103  }
   104  
   105  @media (max-width: 480px) {
   106  
   107      #footer{
   108          padding: 40px 0 40px;
   109          text-align: center;
   110  
   111          .footer-links{
   112              .li-under{
   113                  display: block;
   114                  margin-bottom: $xsmall-pad;
   115                  float: none !important;
   116              }
   117          }
   118      }
   119  }