react-email-builder/src/index.less

A simple React drag and drop email builder.

.REB-vars {
  --reb-border-color: #e5e5e5;
  --reb-header-height: 48px;
  --reb-icon-dragged-bg-color: #eee;

  --reb-canvas-bg: #f5f5f5;

  --reb-link-color: #310af5;

  --reb-block-hover-outline-color: rgba(49, 10, 245, 0.3);
  --reb-block-selected-outline-color: #310af5;

  --reb-drop-area-border-color: #ddd;
  --reb-drop-area-active-border-color: rgb(17, 110, 224);
  --reb-drop-area-text-color: #fff;

  --reb-control-border-color: #d4d4d4;
  --reb-control-active-border-color: #444;
  --reb-control-hover-color: #f5f5f5;
  --reb-control-disabled-color: #f1f1f1;
  --reb-control-active-color: #eee;

  --reb-editor-font-family: Arial, Helvetica, sans-serif;

  color: #4a4a4a;
  font-size: 14px;
  font-family: Arial, helvetica, sans-serif;
}

@import './components/EmailBuilder/index.less';
@import './components/Sidebar/index.less';
@import './components/MainArea/index.less';
@import './components/Icon/index.less';
@import './components/BlockIcons/index.less';
@import './components/Blocks/index.less';
@import './components/Block/index.less';
@import './components/DropArea/index.less';
@import './controls/Alert/index.less';
@import './controls/Button/index.less';
@import './controls/FileButton/index.less';
@import './controls/Popover/index.less';
@import './controls/Tooltip/index.less';
@import './controls/ColorPalette/index.less';
@import './controls/ColorPicker/index.less';
@import './controls/Field/index.less';
@import './controls/Line/index.less';
@import './controls/FormSection/index.less';
@import './controls/TextInput/index.less';
@import './controls/SizeInput/index.less';
@import './controls/Select/index.less';
@import './blocks/placeholder/index.less';
@import './blocks/text/TextBlock/index.less';
@import './lexical/index.less';
@import './lexical/nodes/VariableNode/index.less';
@import './lexical/plugins/ToolbarPlugin/index.less';
@import './components/TextEditor/index.less';