mirror of
https://github.com/codex-team/editor.js
synced 2024-06-25 00:40:50 +02:00
1) improved blocks transmition. We can switch contenteditable elements by clicking arrow buttons. 2) Refactoring (Removing) blocks. When backspace key pressed and input is empty, we can remove from DOM this element
83 lines
1.5 KiB
CSS
83 lines
1.5 KiB
CSS
.clearfix:after {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
height: 0;
|
|
}
|
|
|
|
.ceditor-tool-link-input {
|
|
outline: none;
|
|
border: 0;
|
|
width: 100%;
|
|
background: transparent;
|
|
font-size: 1em;
|
|
padding: 12px;
|
|
transition: background 200ms;
|
|
}
|
|
|
|
.tool-link-panel {
|
|
width: 50%;
|
|
position: relative;
|
|
margin: 25px auto;
|
|
background: #f8f7ef;
|
|
border: 1px solid transparent;
|
|
padding: 25px 30px;
|
|
}
|
|
|
|
.ceditor-tool-link .tool-link-image {
|
|
float:right;
|
|
width: 75px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.ceditor-tool-link .tool-link-title {
|
|
display: block;
|
|
width: 340px;
|
|
margin-bottom: 4px;
|
|
line-height: 1.2em;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #000;
|
|
}
|
|
|
|
.ceditor-tool-link .tool-link-description {
|
|
display: block;
|
|
width: 400px;
|
|
margin-top: 10px;
|
|
font-size: 14px;
|
|
color: #000;
|
|
}
|
|
|
|
.ceditor-tool-link .tool-link-link {
|
|
display: block;
|
|
width: 360px;
|
|
font-size: 10px;
|
|
margin-bottom: 4px;
|
|
letter-spacing: 1px;
|
|
overflow: hidden;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
color: rgba(165,156,86,.8);
|
|
}
|
|
|
|
.tool-link-loader {
|
|
|
|
background: url("loading.gif") !important;
|
|
opacity: 0.1;
|
|
|
|
}
|
|
|
|
.tool-link-error {
|
|
|
|
/*background: repeating-linear-gradient(*/
|
|
/*45deg,*/
|
|
/*#bc320e,*/
|
|
/*#606dbc 10px,*/
|
|
/*#465298 10px,*/
|
|
/*#465298 20px*/
|
|
/*);*/
|
|
background: rgba(255, 0, 0, 0.9);
|
|
|
|
} |