/* InlineEditBox
 * 
 * Styling InlineEditBox mainly includes:
 * 
 * 1. Normal state
 * 		.dijitInlineEditBoxDisplayMode  - for border
 * 
 * 2. Hover state
 * 		.dijitInlineEditBoxDisplayModeHover - for border and background color
 */

@import 'dijit_variables';

.{$theme-name} {
			
	.dijitInlineEditBoxDisplayMode {
		border: 1px dashed $inlineeditbox-border-color;
		padding: $inlineeditbox-padding;
		border-radius: $inlineeditbox-border-radius;
	}

	.dijitInlineEditBoxDisplayModeHover {
		background-color: $inlineeditbox-hover-background-color;
		border: 1px dashed $inlineeditbox-hover-border-color;
	}

	.dijitInlineEditBoxDisplayModeDisabled {
		opacity: $disabled-opacity;
	}

}