gaf-mobile/app/styles/modules/mobile-footer.less

GAF mobile Web site

/* Site Footer */

.footer {

    /* Freelancer Statistics Section */

    &-statistics {
        .default-vertical-padding;
        background: @septenary-color-xxxlight;
        color: @septenary-color-xxxdark;
        text-align: center;
    }

    &-statistics-title {
        color: @septenary-color-xxxdark;
        margin-bottom: 30px;
    }

    &-statistics-list {
        text-decoration: none;
        padding-left: 0;
    }

    &-statistics-item {
        display: table;
        width: 100%;
        margin-bottom: 35px;
        color: @septenary-color-xxxdark;
    }

    &-statistics-icon {
        display: table-cell;
        width: 72px;
        height: 72px;
        vertical-align: middle;
        background: no-repeat 1px 1px;
        background-size: 70px 70px;

        [class*="flicon-"] {
            width: 72px;
            height: 72px;
            fill: @septenary-color-xxxlight;
            stroke: @septenary-color-xxxlight;
        }
    }

    &-statistics-content {
        display: table-cell;
        padding-left: 15px;
        font-size: @type-size-xxxlge;
        font-weight: bold;
        vertical-align: middle;
    }

    &-statistics-description {
        display: block;
        margin-top: 0;
        margin-bottom: 4px;
        font-size: @type-size-sml;
        font-weight: normal;
    }


    /* nav links section */

    &-nav {
        .default-vertical-padding;
        background: @quaternary-color-xxdark;
        color: @septenary-color-xxxlight;
        text-align: center;
    }

    &-nav-list {
        list-style: none;
        padding-left: 0;
        margin: 10px 0 0;
    }

    &-nav-item {
        display: block;
    }

    &-nav-link {
        display: inline-block;
        width: 100%;
        margin: 8px 0;
        white-space: nowrap;
        color: @septenary-color-xxxlight;
    }

    &-select {
        background-color: @quaternary-color-xxdark;
        color: @text-color-light;

        option {
            color: @text-color-light;
        }
    }


    /* Site copyright */

    &-copyright {
        padding: 10px 0;
        text-align: center;
        color: @septenary-color-xxxlight;
        background-color: @primary-color-dark;
    }
}