component-misc

components-misc.diff

/**
* Components - Misc
*/


// Floating actions
.floating-actions {
    width: 80px;
    min-height: 150px;
    margin-top: 15px;
    position: absolute;
    left: -115px;
    top: 0;
    border: 1px solid #ccc;
}


// Fixed toolbar
.toolbar-container {
    height: 80px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding-top: 12px;
    border-top: 1px solid #ccc;
    #gradient > .vertical( #f7f7f7, #e6e6e6 );
    border-bottom: 1px solid #ccc;

    .toolbar {
        height: 60px;
        background: #f0f0f0;
    }

    ul.inline li {
        vertical-align: top;
        text-align: center;
        font-size: 13px;

        ul.description {
            margin-top: 5px;
        }
    }

    .basket, .downloads, .useful-info  {
        display: inline-block;
        vertical-align: top;
    }

    // Shopping cart
    .basket {
        width: 140px;
    }

    // Downloads section
    .downloads {
        width: 625px;
        padding: 0 35px;
        margin-right: 10px;
        border-left: 1px dotted #cfcfcf;
        border-right: 1px dotted #cfcfcf;
        text-align: center;
    }

    // Purchase info
    .useful-info {
        width: 200px;
        margin-left: 15px;

        .additional-options {
            li {
                color: @gray;
                font-size: 14px;
                border-bottom: 1px solid #dadada;
                .box-shadow( 0 1px 0 #fafafa );
                padding: 2px 0;
            }

        }

    }

}


//-------------------
// Shoping cart modal
//----------------------
.cart-modal {
    // display: block;
}

.modal-overlay {
    display: block;
}

//------------------
// Social sharing modal
//-----------------------
.social-sharing-modal {
    // display: block;

    .modal-header { text-align: center; }
    .modal-body {
        height: 200px;
        padding-top: 50px;
        text-align: center;
    }
}

//--------------------------
// Newsletter modal
//-----------------------------
.newsletter-modal {
    // display: block;

    .modal-body {
        padding: 20px 15px 10px 15px;
        text-align: center;
        height: 130px;
    }
}


// Download types
// Newsletter
// Facebook
// Twitter
// Both