_x-storefront.css

This is an include file, for the storefronts and can be included by any file.

All the classes and IDs must be in this file.

WARNING: All the classes bellow are required.

---

.x-storefront

The storefront wrapper.

.x-item-wrapper

The storefront's item wrapper.

.x-image

Usually the product's picture.

.x-title

The product's title.

.x-price

The product's price element wrapper.

.x-old-price

The product's price from.

.x-new-price

The product's price to (current price).

.x-installment

The product's prices for installment.

.x-button.buy

The product's buy button.

.x-button.quickshop

The product's quickshop button.

@import "compass/css3";

.x-storefront {

    .x-item-wrapper {}

    .x-image {}

    .x-title {}


    .x-description-short {}

    .x-price {


        .x-old-price {
            span {}
        }

        .x-new-price {
            strong {}
        }

        .x-installment {
            strong {}
        }
    }

    .x-button {
        &.buy {

        }
        &.quickshop {}
    }
}