diff --git a/src/assets/bubble.styl b/src/assets/bubble.styl deleted file mode 100644 index 11631a9b..00000000 --- a/src/assets/bubble.styl +++ /dev/null @@ -1,45 +0,0 @@ -themeName = 'bubble' -activeColor = #fff -borderColor = #777 -backgroundColor = #444 -inactiveColor = #ccc -shadowColor = #ddd -textColor = #fff - -@import './core' -@import './base' -@import './bubble/*' - -.ql-container.ql-bubble:not(.ql-disabled) - a - position: relative - white-space: nowrap - a::before - background-color: #444 - border-radius: 15px - top: -5px - font-size: 12px - color: #fff - content: attr(href) - font-weight: normal - overflow: hidden - padding: 5px 15px - text-decoration: none - z-index: 1 - a::after - border-top: 6px solid #444 - border-left: 6px solid transparent - border-right: 6px solid transparent - top: 0 - content: " " - height: 0 - width: 0 - a::before, a::after - left: 0 - margin-left: 50% - position: absolute - transform: translate(-50%, -100%) - transition: visibility 0s ease 200ms - visibility: hidden - a:hover::before, a:hover::after - visibility: visible diff --git a/src/assets/bubble/toolbar.styl b/src/assets/bubble/toolbar.styl deleted file mode 100644 index 2f80c3d8..00000000 --- a/src/assets/bubble/toolbar.styl +++ /dev/null @@ -1,14 +0,0 @@ -arrowWidth = 6px - -.ql-bubble - .ql-toolbar - .ql-formats - margin: 8px 12px 8px 0px - .ql-formats:first-child - margin-left: 12px - - .ql-color-picker - svg - margin: 1px - .ql-picker-item.ql-selected, .ql-picker-item:hover - border-color: activeColor diff --git a/src/assets/bubble/tooltip.styl b/src/assets/bubble/tooltip.styl deleted file mode 100644 index 4c65b914..00000000 --- a/src/assets/bubble/tooltip.styl +++ /dev/null @@ -1,49 +0,0 @@ -arrowWidth = 6px - -.ql-bubble - .ql-tooltip - background-color: backgroundColor - border-radius: 25px - color: textColor - .ql-tooltip-arrow - border-left: arrowWidth solid transparent - border-right: arrowWidth solid transparent - content: " " - display: block - left: 50% - margin-left: -1 * arrowWidth - position: absolute - .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow - border-bottom: arrowWidth solid backgroundColor - top: -1 * arrowWidth - .ql-tooltip.ql-flip .ql-tooltip-arrow - border-top: arrowWidth solid backgroundColor - bottom: -1 * arrowWidth - - .ql-tooltip.ql-editing - .ql-tooltip-editor - display: block - .ql-formats - visibility: hidden - - .ql-tooltip-editor - display: none - input[type=text] - background: transparent - border: none - color: textColor - font-size: 13px - height: 100% - outline: none - padding: 10px 20px - position: absolute - width: 100% - a - &:before - color: inactiveColor - content: "\00D7" - font-size: 16px - font-weight: bold - top: 10px - position: absolute - right: 20px diff --git a/src/themes/quill.snow2.css b/src/themes/quill.snow.css similarity index 100% rename from src/themes/quill.snow2.css rename to src/themes/quill.snow.css diff --git a/vite.config.ts b/vite.config.ts index 34de5cf0..56a5bbca 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -25,14 +25,21 @@ export default defineConfig({ plugins: [ copy({ targets: [{ - src: './node_modules/quill/dist/*.css', + src: './node_modules/quill/dist/quill.core.css', dest: './dist', transform: (contents, filename) => { return csso.minify(contents.toString()).css } }, { - src: './src/themes/*.css', + src: './node_modules/quill/dist/quill.bubble.css', + dest: './dist', + transform: (contents, filename) => { + return csso.minify(contents.toString()).css + } + }, + { + src: './src/themes/quill.snow.css', dest: './dist', transform: (contents, filename) => { return csso.minify(contents.toString()).css