dijit/themes/claro/Editor.less

Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u

/* Editor 
 * 
 * Styling Editor means styling the Editor inside iframe container (dijitEditorIFrameContainer)
 * 
 * 1. Editor iframe container (default styling): 
 * 		.dijitEditorIFrameContainer - normal state styles: background-color, border, padding
 *
 * 2. hovered Editor iframe container (ie, mouse hover on editor)
 * 		.dijitEditorHover .dijitEditorIFrameContainer/dijitEditorIFrame - styles when mouse hover on the container
 * 
 * 3. focused Editor iframe container (ie, mouse focus on the editor pane)
 * 		.dijitEditorFocused .dijitEditorIFrameContainer/dijitEditorIFrame - styles when container focused
 * 
 * 3. disabled Editor iframe container 
 * 		.dijitEditorDisabled - editor's inner iframe container disable status styles: background, border
 */

@import "variables";

.claro .dijitEditorIFrameContainer{
	padding:3px 3px 1px 10px;
}
.claro .dijitEditorIFrame {
	background-color: @textbox-background-color;
}
.claro .dijitEditor {
	border: 1px solid @border-color;
}
.claro .dijitEditor .dijitEditorIFrameContainer{
	background-color: @textbox-background-color;
	background-repeat:repeat-x;
}
.claro .dijitEditorHover .dijitEditorIFrameContainer,
.claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame{
	background-color: @textbox-hovered-background-color;
}
.claro .dijitEditorFocused .dijitEditorIFrameContainer,
.claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame{
	background-color: @textbox-focused-background-color;
}
.claro .dijitEditorHover .dijitEditorIFrameContainer,
.claro .dijitEditorFocused .dijitEditorIFrameContainer {
	.textbox-background-image;
}

/* Disabled */
.claro .dijitEditorDisabled {
	border: 1px solid @disabled-border-color;
	color: @disabled-text-color;
}

.claro .dijitDisabled .dijitEditorIFrame,
.claro .dijitDisabled .dijitEditorIFrameContainer,
.claro .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame {
	background-color: @textbox-disabled-background-color;
	background-image: none;
}