_x-footer.scss

This is an include file, which goes into the x-general.css. All the classes and IDs must be in this file.

WARNING: All the classes bellow are required.

  • Include all the config files for the classes and IDs bellow.

.x-footer

The main footer element.

.x-newsletter

The newsletter box settings.

The store's logo for the footer.

.x-footer-nav

Footer navegation wrapper.

.x-col

The columns containers.

.payment-methods

The payment container.

.social-networks

The social network wrapper element.

.digiCert

The security badge element, added in the HTML structure by default.

.x-site-info

All the additional information about the site.

.powered-by-vtex

@import "compass/css3";

@import "config/footer";

.x-footer {

    .x-newsletter {

        .newsletter {
            fieldset{
                p{}
            }
        }

        .newsletter-client-name {
        }

        .newsletter-client-email {
        }

        .btn-ok {
        }

        .newsletter-button-ok {
        }

        .btn {
        }

        .newsletter-loading {
        }

        .newsletter-success {
        }

        .newsletter-success2 {
        }

        .newsletter-error {
        }

        .rt {
        }

        .rb {
        }

        .lb {
        }

        .lt {
        }
    }

    .x-footer-logo {}

    .x-footer-nav {}


    .x-col {
        @for $col from 0 through 3 {
          &.x-col-#{$col} {
                .x-footer-title {}
                dl {
                    dd {
                        a {}
                    }
                }
            }
        }
    }



    .payment-methods {
        @each $method in visa,mastercard,dinners,boleto {
          .#{$method} {
            display: inline-block;
            background-image: url('../img/#{$method}.png');
          }
        }
    }
    .social-networks {
        .pinterest {}
        .twitter {}
        .facebook {}
    }
    .digiCert {
        a {}
    }
    .x-site-info {
        .x-rights {
            p {}
        }
        .powered-by-vtex {}
    }
}