@mantine-vue/tiptap 1.1.2

package/styles.layer.css

@@ -0,0 +1,452 @@
+@layer mantine {
+._root_1ljoi_1 {
+  position: relative;
+  border: calc(0.0625rem * var(--mantine-scale)) solid;
+  border-radius: var(--mantine-radius-default);
+}
+
+  :where([data-mantine-color-scheme='light']) ._root_1ljoi_1 {
+    border-color: var(--mantine-color-gray-4);
+}
+
+  :where([data-mantine-color-scheme='dark']) ._root_1ljoi_1 {
+    border-color: var(--mantine-color-dark-4);
+}
+
+._Typography_1ljoi_15 {
+  padding: 0;
+  margin: 0;
+}
+
+._Typography_1ljoi_15 li > p {
+    margin: 0;
+  }
+
+._Typography_1ljoi_15 ul li,
+  ._Typography_1ljoi_15 ol li {
+    margin-top: calc(0.125rem * var(--mantine-scale));
+  }
+
+._Typography_1ljoi_15 p {
+    margin-bottom: calc(0.4375rem * var(--mantine-scale));
+  }
+
+._Typography_1ljoi_15 h1,
+  ._Typography_1ljoi_15 h2,
+  ._Typography_1ljoi_15 h3,
+  ._Typography_1ljoi_15 h4,
+  ._Typography_1ljoi_15 h5,
+  ._Typography_1ljoi_15 h6,
+  ._Typography_1ljoi_15 p {
+    margin-top: 0;
+  }
+
+._content_1ljoi_43 {
+  background-color: var(--mantine-color-body);
+  border-radius: var(--mantine-radius-default);
+}
+
+._content_1ljoi_43 .ProseMirror {
+    outline: 0;
+    padding: var(--mantine-spacing-md);
+  }
+
+._content_1ljoi_43 .ProseMirror > *:last-child {
+    margin-bottom: 0;
+  }
+
+._content_1ljoi_43 .ProseMirror p.is-editor-empty:first-of-type::before {
+    content: attr(data-placeholder);
+    pointer-events: none;
+    user-select: none;
+    float: left;
+    height: 0;
+    color: var(--mantine-color-placeholder);
+  }
+
+._content_1ljoi_43 div:not(.ProseMirror) {
+    /* Position the bubble menu above the toolbar. As it doesn't have its own selector,
+    assert that the non-ProseMirror div is the bubble or floating menu */
+    z-index: 2;
+  }
+
+._content_1ljoi_43 pre {
+    font-family: var(--mantine-font-family-monospace);
+    border-radius: var(--mantine-radius-default);
+    padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
+  }
+
+:where([data-mantine-color-scheme='light']) ._content_1ljoi_43 pre {
+      background-color: var(--mantine-color-gray-0);
+      color: var(--mantine-color-gray-9);
+      --code-color-comment: var(--mantine-color-gray-5);
+      --code-color-var: var(--mantine-color-red-7);
+      --code-color-number: var(--mantine-color-blue-7);
+      --code-color-title: var(--mantine-color-pink-7);
+      --code-color-keyword: var(--mantine-color-violet-7);
+}
+
+:where([data-mantine-color-scheme='dark']) ._content_1ljoi_43 pre {
+      background-color: var(--mantine-color-dark-8);
+      color: var(--mantine-color-dark-1);
+      --code-color-comment: var(--mantine-color-dark-2);
+      --code-color-var: var(--mantine-color-red-5);
+      --code-color-number: var(--mantine-color-cyan-5);
+      --code-color-title: var(--mantine-color-yellow-5);
+      --code-color-keyword: var(--mantine-color-violet-3);
+}
+
+._content_1ljoi_43 pre code {
+      background: none !important;
+      color: inherit;
+      font-size: var(--mantine-font-size-sm);
+      padding: 0;
+    }
+
+._content_1ljoi_43 pre .hljs-comment,
+    ._content_1ljoi_43 pre .hljs-quote {
+      color: var(--code-color-comment);
+    }
+
+._content_1ljoi_43 pre .hljs-variable,
+    ._content_1ljoi_43 pre .hljs-template-variable,
+    ._content_1ljoi_43 pre .hljs-attribute,
+    ._content_1ljoi_43 pre .hljs-tag,
+    ._content_1ljoi_43 pre .hljs-regexp,
+    ._content_1ljoi_43 pre .hljs-link,
+    ._content_1ljoi_43 pre .hljs-name,
+    ._content_1ljoi_43 pre .hljs-selector-id,
+    ._content_1ljoi_43 pre .hljs-selector-class {
+      color: var(--code-color-var);
+    }
+
+._content_1ljoi_43 pre .hljs-number,
+    ._content_1ljoi_43 pre .hljs-meta,
+    ._content_1ljoi_43 pre .hljs-built_in,
+    ._content_1ljoi_43 pre .hljs-builtin-name,
+    ._content_1ljoi_43 pre .hljs-literal,
+    ._content_1ljoi_43 pre .hljs-type,
+    ._content_1ljoi_43 pre .hljs-params {
+      color: var(--code-color-number);
+    }
+
+._content_1ljoi_43 pre .hljs-string,
+    ._content_1ljoi_43 pre .hljs-symbol,
+    ._content_1ljoi_43 pre .hljs-bullet {
+      color: var(--code-color-var);
+    }
+
+._content_1ljoi_43 pre .hljs-title,
+    ._content_1ljoi_43 pre .hljs-section {
+      color: var(--code-color-title);
+    }
+
+._content_1ljoi_43 pre .hljs-keyword,
+    ._content_1ljoi_43 pre .hljs-selector-tag {
+      color: var(--code-color-keyword);
+    }
+
+._content_1ljoi_43 pre .hljs-emphasis {
+      font-style: italic;
+    }
+
+._content_1ljoi_43 pre .hljs-strong {
+      font-weight: 700;
+    }
+
+._linkEditorDropdown_1ljoi_156 {
+  background-color: var(--mantine-color-body);
+}
+
+._control_1ljoi_160 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: var(--mantine-radius-default);
+  cursor: default;
+}
+
+._control_1ljoi_160:where([data-variant='default']) {
+    border: calc(0.0625rem * var(--mantine-scale)) solid;
+    min-width: calc(1.625rem * var(--mantine-scale));
+    height: calc(1.625rem * var(--mantine-scale));
+  }
+
+._control_1ljoi_160:where([data-variant='subtle']) {
+    --control-icon-size: calc(1.25rem * var(--mantine-scale));
+    min-width: calc(2rem * var(--mantine-scale));
+    height: calc(2rem * var(--mantine-scale));
+  }
+
+:where([data-mantine-color-scheme='light']) ._control_1ljoi_160 {
+    background-color: var(--mantine-color-white);
+    border-color: var(--mantine-color-gray-4);
+    color: var(--mantine-color-gray-7);
+}
+
+:where([data-mantine-color-scheme='dark']) ._control_1ljoi_160 {
+    border-color: var(--mantine-color-dark-4);
+    color: var(--mantine-color-dark-1);
+}
+
+:where([data-mantine-color-scheme='dark']) ._control_1ljoi_160:where([data-variant='default']) {
+      background-color: var(--mantine-color-dark-6);
+    }
+
+:where([data-mantine-color-scheme='dark']) ._control_1ljoi_160:where([data-variant='subtle']) {
+      background-color: var(--mantine-color-dark-7);
+    }
+
+._control_1ljoi_160:where([data-disabled]) {
+    cursor: not-allowed;
+    color: var(--mantine-color-disabled-color);
+    background-color: var(--mantine-color-disabled);
+  }
+
+._control_1ljoi_160:where([data-interactive]:not([data-disabled])) {
+    cursor: pointer;
+  }
+
+@media (hover: hover) {
+
+  ._control_1ljoi_160:where([data-interactive]:not([data-disabled])):hover {
+      color: var(--mantine-color-bright);
+  }
+        :where([data-mantine-color-scheme='light']) ._control_1ljoi_160:where([data-interactive]:not([data-disabled])):hover:where([data-variant='default']) {
+          background-color: var(--mantine-color-gray-0);
+        }
+
+        :where([data-mantine-color-scheme='light']) ._control_1ljoi_160:where([data-interactive]:not([data-disabled])):hover:where([data-variant='subtle']) {
+          background-color: var(--mantine-color-gray-1);
+        }
+
+      :where([data-mantine-color-scheme='dark']) ._control_1ljoi_160:where([data-interactive]:not([data-disabled])):hover {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+
+  ._control_1ljoi_160:where([data-interactive]:not([data-disabled])):active {
+      color: var(--mantine-color-bright);
+  }
+        :where([data-mantine-color-scheme='light']) ._control_1ljoi_160:where([data-interactive]:not([data-disabled])):active:where([data-variant='default']) {
+          background-color: var(--mantine-color-gray-0);
+        }
+
+        :where([data-mantine-color-scheme='light']) ._control_1ljoi_160:where([data-interactive]:not([data-disabled])):active:where([data-variant='subtle']) {
+          background-color: var(--mantine-color-gray-1);
+        }
+
+      :where([data-mantine-color-scheme='dark']) ._control_1ljoi_160:where([data-interactive]:not([data-disabled])):active {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+._control_1ljoi_160:where([data-active]) {
+    background-color: var(--mantine-primary-color-light);
+    color: var(--mantine-primary-color-light-color);
+  }
+
+@media (hover: hover) {
+
+  ._control_1ljoi_160:where([data-active]):hover {
+      background-color: var(--mantine-primary-color-light-hover);
+  }
+}
+
+@media (hover: none) {
+
+  ._control_1ljoi_160:where([data-active]):active {
+      background-color: var(--mantine-primary-color-light-hover);
+  }
+}
+
+._controlIcon_1ljoi_236 {
+  width: var(--control-icon-size, 16px);
+  height: var(--control-icon-size, 16px);
+}
+
+._controlsGroup_1ljoi_241 {
+  display: flex;
+  background-color: var(--mantine-color-body);
+}
+
+._controlsGroup_1ljoi_241:where([data-variant='default']) :where([data-rich-text-editor-control]) {
+      border-radius: 0;
+    }
+
+._controlsGroup_1ljoi_241:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:not(:last-of-type)) {
+        border-inline-end-width: 0;
+      }
+
+._controlsGroup_1ljoi_241:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:last-of-type) {
+        border-start-end-radius: var(--mantine-radius-default);
+        border-end-end-radius: var(--mantine-radius-default);
+      }
+
+._controlsGroup_1ljoi_241:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:first-of-type) {
+        border-start-start-radius: var(--mantine-radius-default);
+        border-end-start-radius: var(--mantine-radius-default);
+      }
+
+._linkEditor_1ljoi_156 {
+  display: flex;
+}
+
+._linkEditorInput_1ljoi_270 {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+  border-inline-end: 0;
+}
+
+._linkEditorExternalControl_1ljoi_276 {
+  border: calc(0.0625rem * var(--mantine-scale)) solid;
+  color: var(--mantine-color-text);
+  height: calc(1.5rem * var(--mantine-scale));
+  width: calc(1.5rem * var(--mantine-scale));
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: var(--mantine-radius-default);
+}
+
+:where([data-mantine-color-scheme='light']) ._linkEditorExternalControl_1ljoi_276 {
+    background-color: var(--mantine-color-white);
+    border-color: var(--mantine-color-gray-4);
+}
+
+:where([data-mantine-color-scheme='dark']) ._linkEditorExternalControl_1ljoi_276 {
+    background-color: var(--mantine-color-dark-7);
+    border-color: var(--mantine-color-dark-4);
+}
+
+._linkEditorExternalControl_1ljoi_276:where([data-active]) {
+    background-color: var(--mantine-primary-color-light);
+    color: var(--mantine-primary-color-filled);
+  }
+
+@media (hover: hover) {
+
+  ._linkEditorExternalControl_1ljoi_276:where([data-active]):hover {
+      background-color: var(--mantine-primary-color-light-hover);
+  }
+}
+
+@media (hover: none) {
+
+  ._linkEditorExternalControl_1ljoi_276:where([data-active]):active {
+      background-color: var(--mantine-primary-color-light-hover);
+  }
+}
+
+._linkEditorSave_1ljoi_306 {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
+
+._toolbar_1ljoi_311 {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--mantine-spacing-sm);
+  top: var(--rte-sticky-offset, 0px);
+  background-color: var(--mantine-color-body);
+  z-index: 1;
+  border-start-end-radius: var(--mantine-radius-default);
+  border-start-start-radius: var(--mantine-radius-default);
+  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
+}
+
+._toolbar_1ljoi_311:where([data-variant='default']) {
+    padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+  }
+
+._toolbar_1ljoi_311:where([data-variant='subtle']) {
+    padding: calc(0.25rem * var(--mantine-scale));
+    row-gap: 0;
+  }
+
+:where([data-mantine-color-scheme='light']) ._toolbar_1ljoi_311 {
+    border-color: var(--mantine-color-gray-4);
+}
+
+:where([data-mantine-color-scheme='dark']) ._toolbar_1ljoi_311 {
+    border-color: var(--mantine-color-dark-4);
+}
+
+._toolbar_1ljoi_311:where([data-sticky]) {
+    position: sticky;
+  }
+
+._taskList_1ljoi_345 {
+  list-style-type: none;
+  padding: 0;
+  padding-inline-start: 0;
+}
+
+._taskList_1ljoi_345 :where(li) {
+    margin: 0;
+    padding: 0;
+    display: flex;
+  }
+
+._taskList_1ljoi_345 :where(li[data-checked] > div) {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+._taskList_1ljoi_345 :where(ul) {
+    margin-top: calc(0.3125rem * var(--mantine-scale));
+  }
+
+._taskList_1ljoi_345 p {
+    margin: 0;
+    padding: 0;
+  }
+
+._taskList_1ljoi_345 :where(label) {
+    display: inline-block;
+  }
+
+._taskList_1ljoi_345 :where(input) {
+    cursor: pointer;
+    appearance: none;
+    width: calc(1.125rem * var(--mantine-scale));
+    height: calc(1.125rem * var(--mantine-scale));
+    border: calc(0.0625rem * var(--mantine-scale)) solid;
+    border-radius: var(--mantine-radius-default);
+    vertical-align: middle;
+    position: relative;
+  }
+
+:where([data-mantine-color-scheme='light']) ._taskList_1ljoi_345 :where(input) {
+      background-color: var(--mantine-color-white);
+      border-color: var(--mantine-color-gray-4);
+}
+
+:where([data-mantine-color-scheme='dark']) ._taskList_1ljoi_345 :where(input) {
+      background-color: var(--mantine-color-dark-6);
+      border-color: var(--mantine-color-dark-4);
+}
+
+._taskList_1ljoi_345 :where(input):checked {
+      background-color: var(--mantine-primary-color-filled);
+      border-color: var(--mantine-primary-color-filled);
+    }
+
+._taskList_1ljoi_345 :where(input):checked::before {
+        position: absolute;
+        content: '';
+        inset: 0;
+        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMCA3Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNCA0LjU4NkwxLjcwNyAyLjI5M0ExIDEgMCAxMC4yOTMgMy43MDdsMyAzYS45OTcuOTk3IDAgMDAxLjQxNCAwbDUtNUExIDEgMCAxMDguMjkzLjI5M0w0IDQuNTg2eiIvPjwvc3ZnPg==');
+        background-repeat: no-repeat;
+        background-size: calc(0.625rem * var(--mantine-scale));
+        background-position: center;
+      }
+
+._taskList_1ljoi_345 :where(li > label) {
+    margin-inline-end: var(--mantine-spacing-sm);
+  }
+/*$vite$:1*/
+}