// Global less-values
@gray-dark: #ababab;
@gray-darker: #000;
@gray: #ccc;
@gray-light: #f8f8f8;
@gray-lighter: #fafafa;


// Editor
#tinymce {
    margin: 10px;   
}

.wpview-wrap {
    
    // Shortcode field
    .wpview-content {
        padding: 15px;
        border: 3px dashed @gray-dark;
        background: @gray-lighter;
    }
    
    &[data-mce-selected] {
        
        // Shortcode field "selected"
        .wpview-content {
            border-style: solid;
        }
        
    }
    
}