odoo/addons/website_sale/static/src/css/website_sale.sass

@charset "utf-8"

/* ---- Default Styles Description ---- */

.oe_product_image
    position: absolute
    img
        max-width: 100%
        max-height: 100%
        margin: auto
        position: absolute
        top: 0
        left: 0
        bottom: 0
        right: 0

.oe_product
    .oe_product_image
        position: absolute
        left: 15px
        right: 15px
        top: 15px
        bottom: 50px

.oe_product_description
    bottom: 0
    position: absolute
    left: 15px
    right: 15px
    border-top: 1px solid #dddddd


.oe_shop_top /* Option 1 */
    .oe_product_description
        top: 0
        bottom: auto
        border-top-style: none
    .oe_product_image
        top: 15px
        bottom: 50px

.oe_shop_center /* Option 2 */
    .oe_product_description
        text-align: center
        border-top-style: none

/* Products Options */

.oe_product.oe_image_full
    .oe_product_image
        left: 0
        right: 0
        top: 0
        bottom: 0

/* ---- Default Styles ---- */

.oe_product
    border: 1px solid rgba(100,100,100,0.2)
    
.oe_product .oe_product_image img
    max-width: 100%
    max-height: 100%
    z-index: 4

.oe_product_description
    background: rgba(255,255, 255, 0.8)
    padding: 5px 0 5px 0
    z-index: 5

.oe_subdescription
    line-height: 1.2
    margin-bottom: 4px


/* ---- Grid Style ---- */

.style1
    .oe_product .oe_product_image
        position: absolute
        left: 0
        right: 0
        top: 0
        bottom: 0

/* ---- Product Sizes ---- */

.col-md-12
    .oe-height-1
        height: 125px
    .oe-height-2
        height: 250px
    .oe-height-3
        height: 375px
    .oe-height-4
        height: 499.9px
.col-md-9
    .oe-height-1
        height: 95px
    .oe-height-2
        height: 190px
    .oe-height-3
        height: 285px
    .oe-height-4
        height: 380px


/* ---- Product list style ---- */
.oe_list_products
    border: none
    border-bottom: 1px solid rgba(100, 100, 100, 0.2)
    width: 100%
    min-height: 140px
    .oe_product_image
        position: absolute
        left: 15px
        right: 15px
        top: 0
        bottom: 0
        width: 150px
    .oe_product_description
        bottom: auto
        position: absolute
        left: 180px
        right: 0
        border-top: none
        top: 15px

.oe_website_sale .row .row .col-md-12
    float: none


/* ---- Publish managment and options ---- */
#products_grid .css_options
    display: none
    position: absolute
    top: -6px
    left: 50%
    z-index: 10
    .dropdown
        position: relative
        left: -50%
        [name="size"]
            table
                margin-left: 20px
            td
                margin: 0
                padding: 0
                width: 20px
                height: 20px
                border: 1px #dddddd solid
                cursor: pointer
                &.selected, &.select
                    background-color: #B1D4F1
            table.oe_hover td.selected:not(.select)
                background-color: transparent

.cke_editable
    #products_grid td:hover > .css_options
        display: block