@tailor-cms/ce-html-edit 0.0.15 → 0.1.0

package/dist/index.css

@@ -11,72 +11,93 @@
 }
 [data-v-e73020ec] .v-btn.v-btn--active {
   color: rgba(var(--v-theme-primary));
-}.tce-container[data-v-9c1f4332] {
+}.tce-container[data-v-e677fca4] {
   text-align: left;
 }
-[data-v-9c1f4332] .ProseMirror {
+[data-v-e677fca4] .ProseMirror {
   min-height: 5rem;
   padding: 0.5rem;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1rem;
   outline: none;
 }
-[data-v-9c1f4332] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-e677fca4] .ProseMirror p.is-editor-empty:first-child::before {
   content: attr(data-placeholder);
   height: 0;
   opacity: 0.5;
   float: left;
   pointer-events: none;
 }
-[data-v-9c1f4332] .ProseMirror > * + * {
+[data-v-e677fca4] .ProseMirror > * + * {
   margin-top: 0.75em;
 }
-[data-v-9c1f4332] .ProseMirror ul,[data-v-9c1f4332] .ProseMirror ol {
-  padding: 0 1rem;
-}
-[data-v-9c1f4332] .ProseMirror h1,[data-v-9c1f4332] .ProseMirror h2,[data-v-9c1f4332] .ProseMirror h3,[data-v-9c1f4332] .ProseMirror h4,[data-v-9c1f4332] .ProseMirror h5,[data-v-9c1f4332] .ProseMirror h6 {
+[data-v-e677fca4] .ProseMirror h1,[data-v-e677fca4] .ProseMirror h2,[data-v-e677fca4] .ProseMirror h3,[data-v-e677fca4] .ProseMirror h4,[data-v-e677fca4] .ProseMirror h5,[data-v-e677fca4] .ProseMirror h6 {
   line-height: 1.1;
 }
-[data-v-9c1f4332] .ProseMirror code {
-  background-color: rgba(97, 97, 97, 0.1);
-  color: #616161;
+[data-v-e677fca4] .ProseMirror h1 {
+  font-size: 2.5rem;
+}
+[data-v-e677fca4] .ProseMirror h2 {
+  font-size: 2.25rem;
+}
+[data-v-e677fca4] .ProseMirror h3 {
+  font-size: 2rem;
+}
+[data-v-e677fca4] .ProseMirror h4 {
+  font-size: 1.75rem;
+}
+[data-v-e677fca4] .ProseMirror h5 {
+  font-size: 1.5rem;
+}
+[data-v-e677fca4] .ProseMirror h6 {
+  font-size: 1.25rem;
 }
-[data-v-9c1f4332] .ProseMirror pre {
-  background: #0d0d0d;
-  color: #fff;
-  padding: 0.75rem 1rem;
-  border-radius: 0.5rem;
+[data-v-e677fca4] .ProseMirror blockquote {
+  padding: 0.25rem 1rem;
+  border-left: 2px solid rgba(13, 13, 13, 0.1);
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-style: italic;
+}
+[data-v-e677fca4] .ProseMirror ul,[data-v-e677fca4] .ProseMirror ol {
+  padding: 0 1.25rem;
+}
+[data-v-e677fca4] .ProseMirror code {
+  font-family: "Source Code Pro", monospace !important;
+  background: #eee;
+  padding: 0.125rem 0.5rem;
+  border-radius: 8px;
 }
-[data-v-9c1f4332] .ProseMirror pre code {
-  color: inherit;
+[data-v-e677fca4] .ProseMirror pre {
+  padding: 0.5rem 1rem;
+  border-radius: 8px;
+  background: #eee;
+  white-space: pre-wrap;
+}
+[data-v-e677fca4] .ProseMirror pre code {
   padding: 0;
+  font-size: 0.875rem;
   background: none;
-  font-size: 0.8rem;
 }
-[data-v-9c1f4332] .ProseMirror img {
+[data-v-e677fca4] .ProseMirror img {
   max-width: 100%;
   height: auto;
 }
-[data-v-9c1f4332] .ProseMirror img.ProseMirror-selectednode {
+[data-v-e677fca4] .ProseMirror img.ProseMirror-selectednode {
   outline: 2px solid #68cef8;
 }
-[data-v-9c1f4332] .ProseMirror blockquote {
-  padding-left: 1rem;
-  border-left: 2px solid rgba(13, 13, 13, 0.1);
-}
-[data-v-9c1f4332] .ProseMirror hr {
+[data-v-e677fca4] .ProseMirror hr {
   border: none;
   border-top: 2px solid rgba(13, 13, 13, 0.1);
   margin: 2rem 0;
 }
-[data-v-9c1f4332] .ProseMirror table {
+[data-v-e677fca4] .ProseMirror table {
   border-collapse: collapse;
   table-layout: fixed;
   width: 100%;
   margin: 0;
   overflow: hidden;
 }
-[data-v-9c1f4332] .ProseMirror table td,[data-v-9c1f4332] .ProseMirror table th {
+[data-v-e677fca4] .ProseMirror table td,[data-v-e677fca4] .ProseMirror table th {
   min-width: 1em;
   border: 2px solid #ced4da;
   padding: 3px 5px;
@@ -84,15 +105,15 @@
   box-sizing: border-box;
   position: relative;
 }
-[data-v-9c1f4332] .ProseMirror table td > *,[data-v-9c1f4332] .ProseMirror table th > * {
+[data-v-e677fca4] .ProseMirror table td > *,[data-v-e677fca4] .ProseMirror table th > * {
   margin-bottom: 0;
 }
-[data-v-9c1f4332] .ProseMirror table th {
+[data-v-e677fca4] .ProseMirror table th {
   font-weight: bold;
   text-align: left;
   background-color: #f1f3f5;
 }
-[data-v-9c1f4332] .ProseMirror table .selectedCell:after {
+[data-v-e677fca4] .ProseMirror table .selectedCell:after {
   z-index: 2;
   position: absolute;
   content: "";
@@ -103,7 +124,7 @@
   background: rgba(200, 200, 255, 0.4);
   pointer-events: none;
 }
-[data-v-9c1f4332] .ProseMirror table .column-resize-handle {
+[data-v-e677fca4] .ProseMirror table .column-resize-handle {
   position: absolute;
   right: -2px;
   top: 0;
@@ -112,7 +133,7 @@
   background-color: #adf;
   pointer-events: none;
 }
-[data-v-9c1f4332] .ProseMirror table p {
+[data-v-e677fca4] .ProseMirror table p {
   margin: 0;
 }.v-sheet[data-v-8e6263e8] {
   display: flex;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import type { ElementManifest } from '@tailor-cms/ce-html-manifest';
+import Edit from './components/Edit.vue';
+import TopToolbar from './components/TopToolbar.vue';
+declare const manifest: ElementManifest;
+export default manifest;
+export { Edit, TopToolbar };