rich-text.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. @import "vars";
  2. #rich-text-editor-wrapper {
  3. z-index: 10001;
  4. position: absolute;
  5. left: 0px;
  6. top: 0px;
  7. &:before {
  8. top: 0;
  9. display: block;
  10. content: "";
  11. height: 100%;
  12. width: 100%;
  13. position: absolute;
  14. pointer-events: none;
  15. border: 1px solid $blue;
  16. z-index: 0;
  17. }
  18. }
  19. #rich-text-editor-controls {
  20. position: absolute;
  21. width: 100%;
  22. bottom: 100%;
  23. left: 0;
  24. padding-bottom: 10px;
  25. }
  26. #rich-text-editor {
  27. white-space: normal;
  28. cursor: default;
  29. position: relative;
  30. // multi-column text
  31. /*&:after{
  32. width: 32px;
  33. left: 50%;
  34. top: 0;
  35. margin-left: -16px;
  36. border-left: 1px solid $blue;
  37. border-right: 1px solid $blue;
  38. position: absolute;
  39. content: "";
  40. height: 100%;
  41. pointer-events: none;
  42. }*/
  43. li,
  44. p {
  45. cursor: text;
  46. // &:hover{
  47. // &:after {display: block; }
  48. // }
  49. // &:after{
  50. // background-color: rgba(40,140,215,0.05);
  51. // border: 1px solid $blue;
  52. // margin-top: 0.38em;
  53. // margin-bottom: 0.42em;
  54. // position: absolute;
  55. // content: "";
  56. // width: auto;
  57. // height: auto;
  58. // left: 0;
  59. // right: 0;
  60. // bottom: 0;
  61. // top: 0;
  62. // pointer-events: none;
  63. // }
  64. }
  65. }