jodit-pro
Version:
PRO Version of Jodit Editor
78 lines (75 loc) • 2.41 kB
CSS
/*!
* jodit-pro - PRO Version of Jodit Editor
* Author: Chupurnov Valerii <chupurnov@gmail.com>
* Version: v4.9.27
* Url: https://xdsoft.net/jodit/pro/
* License(s): SEE LICENSE IN LICENSE.md
*/
:root {
--jd-todo-color-checkbox-border: #333;
--jd-todo-color-checkbox-border-checked: #25ab33;
--jd-todo-color-checkbox-bg-checked: #25ab33;
--jd-todo-color-checkbox-mark-checked: #fff;
--jd-todo-size-checkbox: var(--jd-width-element-default);
}
.jodit-wysiwyg .todo-list {
margin-bottom: var(--jd-padding-default);
list-style: none;
}
.jodit-wysiwyg .todo-list li {
max-width: unset;
margin-bottom: var(--jd-padding-default);
}
.jodit-wysiwyg .todo-list li .todo-list__label {
user-select: none;
}
.jodit-wysiwyg .todo-list li .todo-list__label > input {
position: relative;
right: 0;
left: -25px;
display: inline-block;
width: var(--jd-todo-size-checkbox);
height: var(--jd-todo-size-checkbox);
border: 0;
margin-right: -15px;
margin-left: 0;
appearance: none;
cursor: pointer;
vertical-align: middle;
}
.jodit-wysiwyg .todo-list li .todo-list__label > input::before {
position: absolute;
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid var(--jd-todo-color-checkbox-border);
border-radius: 2px;
content: '';
transition: box-shadow 0.24s ease-in-out, background 0.24s ease-in-out, border 0.24s ease-in-out;
}
.jodit-wysiwyg .todo-list li .todo-list__label > input[checked]::before {
border-color: var(--jd-todo-color-checkbox-border-checked);
background: var(--jd-todo-color-checkbox-bg-checked);
}
.jodit-wysiwyg .todo-list li .todo-list__label > input:hover::before {
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1);
}
.jodit-wysiwyg .todo-list li .todo-list__label > input::after {
position: absolute;
top: calc(var(--jd-todo-size-checkbox) / 5.3);
left: calc(var(--jd-todo-size-checkbox) / 3);
display: block;
width: calc(var(--jd-todo-size-checkbox) / 5.3);
height: calc(var(--jd-todo-size-checkbox) / 2.6);
box-sizing: content-box;
border-width: 0 calc(var(--jd-todo-size-checkbox) / 8) calc(var(--jd-todo-size-checkbox) / 8) 0;
border-style: solid;
border-color: transparent;
content: '';
pointer-events: none;
transform: rotate(45deg);
}
.jodit-wysiwyg .todo-list li .todo-list__label > input[checked]::after {
border-color: var(--jd-todo-color-checkbox-mark-checked);
}