mirror of
https://github.com/penpot/penpot.git
synced 2025-07-20 00:57:13 +02:00
✨ Import text-editor code into the repository
This commit is contained in:
parent
68397edd4d
commit
04a0d867b0
65 changed files with 11112 additions and 7 deletions
65
frontend/text-editor/editor/TextEditor.css
Normal file
65
frontend/text-editor/editor/TextEditor.css
Normal file
|
@ -0,0 +1,65 @@
|
|||
::selection {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.selection-imposter-rect {
|
||||
background-color: red;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.text-editor-selection-imposter {
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.text-editor-container {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.text-editor-content {
|
||||
height: 100%;
|
||||
font-family: sourcesanspro;
|
||||
|
||||
outline: none;
|
||||
user-select: text;
|
||||
white-space: pre-wrap;
|
||||
overflow-wrap: break-word;
|
||||
|
||||
caret-color: black;
|
||||
|
||||
/* color: transparent; */
|
||||
color: black;
|
||||
|
||||
div {
|
||||
line-height: inherit;
|
||||
user-select: text;
|
||||
|
||||
white-space: pre;
|
||||
margin: 0px;
|
||||
/* font-size: 0px; */
|
||||
}
|
||||
|
||||
span {
|
||||
line-break: auto;
|
||||
line-height: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.align-top[data-itype="root"] {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.align-center[data-itype="root"] {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.align-bottom[data-itype="root"] {
|
||||
justify-content: flex-end;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue