roadui/widget/footer/src/footer.one.less

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

/**
  * Footer Theme: one
  */

.am-footer-one {
  @footer-link-color: @one-primary;
  @footer-ysp-color: @one-primary;
  @footer-divider-color: @gray-light;
  @footer-desktop-color: @gray;
  @footer-miscs-color: lighten(@gray, 15%); //#777777
  @footer-miscs-link-color: @gray;

  a {
    color: @footer-link-color;
    font-weight: bold;
  }

  .am-footer-switch {
    margin-bottom: 10px;
  }

  .am-footer-ysp {
    color: @footer-ysp-color;
    cursor: pointer;
  }

  .am-footer-divider {
    color: @footer-divider-color;
  }

  .am-footer-desktop {
    font-weight: normal;
    color: @footer-desktop-color;
  }

  .am-footer-miscs {
    color: @footer-miscs-color;
    overflow: hidden;
    padding: 0 10px;
    font-size: 14px;

    ul,
    li {
      padding-left: 0;
      list-style: none;
    }

    p {
      margin: 4px 0;
    }

    a {
      font-weight: normal;
      color: @footer-miscs-link-color;
      margin: 0 1px;
    }

    img{
      display: block;
      max-width: 100%;
      margin: 0 auto 2px auto;
    }
  }

  .hook-am-footer-one;

  @media @medium-up {
    & {
      .am-footer-miscs {
        p {
          display: inline-block;
          margin: 5px;
        }
      }
    }
  }
}

.hook-am-footer-one() {}