arch-editor/lib/styles/index.css

Rich text editor with a high degree of customization.

/*!
 * ArchEditor v1.0.1-beta.19
 * Author: longlongago2
 * Build Time: 2021/9/13 9:08:23
 */
/**
 * Draft v0.11.7
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:left;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;width:100%;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1,lower-alpha) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2,lower-roman) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4,lower-alpha) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
.ArchEditor-container {
  display: inline-block;
  width: 100%;
  overflow: auto;
  box-sizing: border-box;
  caret-color: #000;
}
.ArchEditor-container ::selection {
  color: #fff;
  background-color: #5d6791;
}
.ArchEditor-container .DraftEditor-root {
  height: inherit;
  min-height: inherit;
  max-height: inherit;
  font-size: 14px;
}
.ArchEditor-container .DraftEditor-root .DraftEditor-editorContainer {
  height: inherit;
  min-height: inherit;
  max-height: inherit;
}
.ArchEditor-container .DraftEditor-root .DraftEditor-editorContainer .public-DraftEditor-content {
  height: inherit;
  min-height: inherit;
  max-height: inherit;
}
.ArchEditor-popover-button-group {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin: 0 -10px;
}
.ArchEditor-popover-button-group.ArchEditor-large .ArchEditor-popover-button {
  font-size: 18px;
}
.ArchEditor-popover-button-group .ArchEditor-popover-button {
  display: inline-block;
  width: 40px;
  border: 0;
  color: #fff;
  background-color: transparent;
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
}
.ArchEditor-popover-button-group .ArchEditor-popover-button:hover {
  color: #ccc;
}
.ArchEditor-popover-button-group .ArchEditor-popover-divider {
  display: inline-block;
  margin: 0 5px;
  border: 0;
  border-left: 1px solid #ccc;
  height: 15px;
  margin: 0 5px 0 4px;
}
.ArchEditor-edit-toolbar {
  display: block;
  text-align: right;
  padding-top: 5px;
  box-sizing: border-box;
}
.ArchEditor-edit-toolbar > button {
  border: 1px solid #5d6791;
  line-height: 1;
  font-size: 14px;
  padding: 5px 10px;
  color: #5d6791;
  margin-left: 5px;
  background-color: #fff;
  transition: all 0.3s ease;
}
.ArchEditor-edit-toolbar > button:hover {
  background-color: #5d6791;
  color: #fff;
}
.ArchEditor-edit-toolbar > button.ArchEditor-danger {
  border-color: #ff4d4f;
  color: #ff4d4f;
}
.ArchEditor-edit-toolbar > button.ArchEditor-danger:hover {
  background-color: #ff4d4f;
  color: #fff;
}
.ArchEditor-fade-enter {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.ArchEditor-fade-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: opacity 250ms ease, -webkit-transform 250ms ease;
  transition: opacity 250ms ease, transform 250ms ease;
  transition: opacity 250ms ease, transform 250ms ease, -webkit-transform 250ms ease;
}
.ArchEditor-fade-exit {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.ArchEditor-fade-exit-active {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: opacity 250ms ease, -webkit-transform 250ms ease;
  transition: opacity 250ms ease, transform 250ms ease;
  transition: opacity 250ms ease, transform 250ms ease, -webkit-transform 250ms ease;
}