lib/dijit/themes/claro/Editor.less

   1 /* Editor
   2  *
   3  * Styling Editor means styling the Editor inside iframe container (dijitEditorIFrameContainer)
   4  *
   5  * 1. Editor iframe container (default styling):
   6  *              .dijitEditorIFrameContainer - normal state styles: background-color, border, padding
   7  *
   8  * 2. hovered Editor iframe container (ie, mouse hover on editor)
   9  *              .dijitEditorHover .dijitEditorIFrameContainer/dijitEditorIFrame - styles when mouse hover on the container
  10  *
  11  * 3. focused Editor iframe container (ie, mouse focus on the editor pane)
  12  *              .dijitEditorFocused .dijitEditorIFrameContainer/dijitEditorIFrame - styles when container focused
  13  *
  14  * 3. disabled Editor iframe container
  15  *              .dijitEditorDisabled - editor's inner iframe container disable status styles: background, border
  16  */
  17
  18 @import "variables";
  19
  20 .claro .dijitEditorIFrameContainer{
  21         padding:3px 3px 1px 10px;
  22 }
  23 .claro .dijitEditorIFrame {
  24         background-color: @textbox-background-color;
  25 }
  26 .claro .dijitEditor {
  27         border: 1px solid @border-color;
  28 }
  29 .claro .dijitEditor .dijitEditorIFrameContainer{
  30         background-color: @textbox-background-color;
  31         background-repeat:repeat-x;
  32 }
  33 .claro .dijitEditorHover .dijitEditorIFrameContainer,
  34 .claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame{
  35         background-color: @textbox-hovered-background-color;
  36 }
  37 .claro .dijitEditorFocused .dijitEditorIFrameContainer,
  38 .claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame{
  39         background-color: @textbox-focused-background-color;
  40 }
  41 .claro .dijitEditorHover .dijitEditorIFrameContainer,
  42 .claro .dijitEditorFocused .dijitEditorIFrameContainer {
  43         .textbox-background-image;
  44 }
  45
  46 /* Disabled */
  47 .claro .dijitEditorDisabled {
  48         border: 1px solid @disabled-border-color;
  49         color: @disabled-text-color;
  50 }
  51
  52 .claro .dijitDisabled .dijitEditorIFrame,
  53 .claro .dijitDisabled .dijitEditorIFrameContainer,
  54 .claro .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame {
  55         background-color: @textbox-disabled-background-color;
  56         background-image: none;
  57 }