86 lines
5.1 KiB
SCSS
86 lines
5.1 KiB
SCSS
@import 'quill/quill.snow';
|
|
@import 'quill/quill.better-table';
|
|
|
|
.ql-toolbar.ql-snow {
|
|
border: none;
|
|
}
|
|
|
|
.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
|
|
color: $col_main_2;
|
|
}
|
|
.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
|
|
stroke: $col_main_2;
|
|
}
|
|
.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
|
|
fill: $col_main_2;
|
|
}
|
|
.ql-editor {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-right: 0;
|
|
|
|
&.ql-blank::before {
|
|
left: 1.5em;
|
|
color: $gray-400;
|
|
}
|
|
}
|
|
|
|
.ql-snow .ql-tooltip {
|
|
z-index: 10;
|
|
}
|
|
|
|
.qlbt-col-tool {
|
|
display: none;
|
|
}
|
|
|
|
.ql-snow .ql-stroke {
|
|
stroke: $col_main_1;
|
|
}
|
|
|
|
.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
|
|
fill: $col_main_1;
|
|
}
|
|
|
|
.ql-toolbar.ql-snow {
|
|
border-radius: 5px 5px 0 0;
|
|
background: $gray-400;
|
|
padding: 0;
|
|
border: 2px solid #dbd1cc;
|
|
border-bottom: none;
|
|
|
|
.ql-color-picker .ql-picker-label, .ql-icon-picker .ql-picker-label {
|
|
margin-top: -3px;
|
|
}
|
|
}
|
|
|
|
/* Quill Better Table */
|
|
|
|
.ql-container {
|
|
table.quill-better-table {
|
|
td {
|
|
border-color: $col_main_1;
|
|
}
|
|
}
|
|
|
|
.qlbt-selection-line.qlbt-selection-line-right,
|
|
.qlbt-selection-line.qlbt-selection-line-left {
|
|
margin-top: -2px;
|
|
margin-left: -2px;
|
|
background-color: $col_main_2 !important;
|
|
|
|
&::before {
|
|
background-color: $col_main_2;
|
|
}
|
|
}
|
|
|
|
.qlbt-selection-line.qlbt-selection-line-top,
|
|
.qlbt-selection-line.qlbt-selection-line-bottom {
|
|
margin-top: -3px;
|
|
margin-left: -2px;
|
|
background-color: $col_main_2 !important;
|
|
}
|
|
|
|
.qlbt-col-tool .qlbt-col-tool-cell-holder:hover {
|
|
background-color: $col_main_2;
|
|
}
|
|
} |