@import "../vendor/bootstrap/variables.less";
@import "../vendor/bootstrap/mixins.less";
@import "../vendor/bootstrap-editable/bootstrap3-editable.less";

@import "include/variables.less";
@import "include/mixins.less";

div[data-container=editable-fields] {

    div[data-editable-field-inline-commands] {
        position: relative;
        a {
            cursor: pointer;
        }

        ul.ccm-edit-mode-inline-commands {
            right: 10px;
            top: -2px;
        }
    }
    div[data-editable-field-inline-commands]:hover,
    div[data-editable-field-inline-commands]:active {
        > .ccm-edit-mode-inline-commands {

        float: none;
        list-style-type: none;
        margin: 0px !important;
        .opacity(1);

        }
    }
    /**
     * Editable images
     */
    .editable-image-wrapper {
        position: relative;
        overflow: hidden;

        img {
            .border-radius(4px);
            border: 1px solid #08c;
            z-index: @index-level-editable-field;
        }

        input {
            .opacity(0);
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: @index-level-editable-field-proxy;
            cursor: pointer;
            width: 0px;
            height: 0px; // set in javascript automagically
        }
    }

}