// 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;
		}
		
	}
	
}