github.com/projectcontour/contour@v1.28.2/site/themes/contour/assets/scss/_footer.scss (about)

     1  @import 'variables';
     2  @import 'mixins';
     3  @import 'base';
     4  
     5  footer {
     6      .top-links {
     7          min-height: 52px;
     8          display: flex;
     9          align-items: center;
    10          justify-content: space-between;
    11      }
    12      .left-links {
    13          padding: 0px;
    14          li {
    15              img {
    16                  vertical-align: bottom;
    17                  margin-right: 10px;
    18              }
    19              a {
    20                  color: $darkgrey;
    21                  font-weight: 300;
    22                  font-size: 12px;
    23                  font-family: $metropolis-light;
    24              }
    25          }
    26          .mobile {
    27              display: none;
    28          }
    29      }
    30      .right-links {
    31          p {
    32              margin: 0px;
    33          }
    34          .copywrite {
    35              font-size: 12px;
    36              padding-right: 10px;
    37              a {
    38                  font-size: 12px;
    39                  color: $darkgrey;
    40                  font-family: $metropolis-light;
    41              }
    42          }
    43          a {
    44              vertical-align: middle;
    45          }
    46          img {
    47              height: 45px;
    48              width: auto;
    49          }
    50      }
    51      .bottom-links {
    52          margin: 10px 0px 30px 0px;
    53          float: right;
    54          p {
    55              font-size: 12px;
    56          }
    57          a {
    58              font-size: 12px;
    59              font-family: $metropolis-light;
    60          }
    61          img {
    62              max-width: 75px;
    63              vertical-align: middle;
    64              margin-left: 30px;
    65          }
    66      }
    67      @include breakpoint(small) {
    68          .footer-links {
    69              display: block;
    70              .right-links {
    71                  display: none;
    72              }
    73              .left-links {
    74                  float: none;
    75                  margin: 10px 0px;
    76                  .desktop {
    77                      display: none;
    78                  }
    79                  .mobile {
    80                      display: inline;
    81                  }
    82                  .copywrite {
    83                      display: block;
    84                      margin-top:20px;
    85                  }
    86              }
    87          }
    88          .bottom-links {
    89              margin: 10px 0px 20px 0px;
    90              float: none;
    91              img {
    92                  margin-left: 0px;
    93                  display: block;
    94                  margin-top: 10px;
    95              }
    96          }
    97      }
    98  }