Laravel 11, Vuexy Admin 10.3, by admin@koneko.mx

modules/Admin/Resources/assets/vendor/libs/quill/_mixins.scss

@@ -0,0 +1,115 @@
+@mixin quill-generate-lists($indent) {
+  $quill-list-types: (
+    1: lower-alpha,
+    2: lower-roman,
+    3: decimal,
+    4: lower-alpha,
+    5: lower-roman,
+    6: decimal,
+    7: lower-alpha,
+    8: lower-roman,
+    9: decimal
+  );
+
+  @for $i from 1 through 9 {
+    ol li.ql-indent-#{$i} {
+      counter-increment: list-#{$i};
+
+      @if $i < 9 {
+        $lists: '';
+
+        @for $l from $i + 1 through 9 {
+          $lists: '#{$lists} list-#{$l}';
+        }
+
+        counter-reset: #{$lists};
+      }
+
+      &::before {
+        content: counter(list-#{$i}, map-get($quill-list-types, $i)) '. ';
+      }
+    }
+
+    .ql-indent-#{$i}:not(.ql-direction-rtl) {
+      padding-left: $indent * $i;
+
+      [dir='rtl'] & {
+        padding-right: $indent * $i;
+        padding-left: 0;
+      }
+    }
+    li.ql-indent-#{$i}:not(.ql-direction-rtl) {
+      padding-left: $indent * ($i + 1);
+
+      [dir='rtl'] & {
+        padding-right: $indent * ($i + 1);
+        padding-left: 0;
+      }
+    }
+    .ql-indent-#{$i}.ql-direction-rtl.ql-align-right {
+      padding-right: $indent * $i;
+
+      [dir='rtl'] & {
+        padding-right: 0;
+        padding-left: $indent * $i;
+      }
+    }
+    li.ql-indent-#{$i}.ql-direction-rtl.ql-align-right {
+      padding-right: $indent * ($i + 1);
+
+      [dir='rtl'] & {
+        padding-right: 0;
+        padding-left: $indent * ($i + 1);
+      }
+    }
+  }
+}
+
+@mixin quill-theme($color) {
+  .ql-snow.ql-toolbar,
+  .ql-snow .ql-toolbar {
+    button:hover,
+    button:focus,
+    button.ql-active,
+    .ql-picker-label:hover,
+    .ql-picker-label.ql-active,
+    .ql-picker-item:hover,
+    .ql-picker-item.ql-selected {
+      color: $color !important;
+    }
+
+    button:hover .ql-fill,
+    button:focus .ql-fill,
+    button.ql-active .ql-fill,
+    .ql-picker-label:hover .ql-fill,
+    .ql-picker-label.ql-active .ql-fill,
+    .ql-picker-item:hover .ql-fill,
+    .ql-picker-item.ql-selected .ql-fill,
+    button:hover .ql-stroke.ql-fill,
+    button:focus .ql-stroke.ql-fill,
+    button.ql-active .ql-stroke.ql-fill,
+    .ql-picker-label:hover .ql-stroke.ql-fill,
+    .ql-picker-label.ql-active .ql-stroke.ql-fill,
+    .ql-picker-item:hover .ql-stroke.ql-fill,
+    .ql-picker-item.ql-selected .ql-stroke.ql-fill {
+      fill: $color !important;
+    }
+
+    button:hover .ql-stroke,
+    button:focus .ql-stroke,
+    button.ql-active .ql-stroke,
+    .ql-picker-label:hover .ql-stroke,
+    .ql-picker-label.ql-active .ql-stroke,
+    .ql-picker-item:hover .ql-stroke,
+    .ql-picker-item.ql-selected .ql-stroke,
+    button:hover .ql-stroke-miter,
+    button:focus .ql-stroke-miter,
+    button.ql-active .ql-stroke-miter,
+    .ql-picker-label:hover .ql-stroke-miter,
+    .ql-picker-label.ql-active .ql-stroke-miter,
+    .ql-picker-item:hover .ql-stroke-miter,
+    .ql-picker-item.ql-selected .ql-stroke-miter {
+      stroke: $color !important;
+    }
+  }
+}

modules/Admin/Resources/assets/vendor/libs/quill/katex.js

@@ -0,0 +1,7 @@
+import katex from 'katex/dist/katex';
+
+try {
+  window.katex = katex;
+} catch (e) {}
+
+export { katex };

modules/Admin/Resources/assets/vendor/libs/quill/katex.scss

@@ -0,0 +1 @@
+@import 'katex/dist/katex';

modules/Admin/Resources/assets/vendor/libs/quill/quill.js

@@ -0,0 +1,7 @@
+import Quill from 'quill/dist/quill';
+
+try {
+  window.Quill = Quill;
+} catch (e) {}
+
+export { Quill };

modules/Admin/Resources/assets/vendor/libs/quill/typography.scss

@@ -0,0 +1,289 @@
+@use '../../scss/_bootstrap-extended/include' as light;
+@use '../../scss/_bootstrap-extended/include-dark' as dark;
+@import '../../scss/_custom-variables/libs';
+@import 'mixins';
+
+.ql-editor,
+.ql-content {
+  $quill-indent: 2rem;
+
+  p,
+  ol,
+  ul,
+  pre,
+  blockquote,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+  }
+
+  ol,
+  ul {
+    margin-right: 0;
+    margin-left: 0;
+    padding-right: 0;
+    padding-left: 0;
+  }
+
+  ol > li,
+  ul > li {
+    list-style-type: none;
+
+    &:not(.ql-direction-rtl) {
+      padding-left: $quill-indent;
+
+      @include app-rtl {
+        padding-right: $quill-indent;
+        padding-left: 0;
+      }
+    }
+
+    &.ql-direction-rtl {
+      padding-right: $quill-indent;
+
+      @include app-rtl {
+        padding-right: 0;
+        padding-left: $quill-indent;
+      }
+    }
+  }
+
+  ul > li::before {
+    content: '\2022';
+  }
+
+  ul[data-checked='true'],
+  ul[data-checked='false'] {
+    pointer-events: none;
+
+    > li * {
+      pointer-events: all;
+
+      &::before {
+        pointer-events: all;
+        cursor: pointer;
+        color: #777;
+      }
+    }
+  }
+
+  ul[data-checked='false'] > li::before {
+    content: '\2610';
+  }
+
+  ul[data-checked='true'] > li::before {
+    content: '\2611';
+  }
+
+  li::before {
+    display: inline-block;
+    width: calc(#{$quill-indent} - 0.3em);
+    white-space: nowrap;
+  }
+
+  li.ql-direction-rtl::before {
+    margin-right: -$quill-indent;
+    margin-left: 0.3em;
+    text-align: left;
+
+    @include app-rtl {
+      margin-right: 0.3em;
+      margin-left: -$quill-indent;
+      text-align: right;
+    }
+  }
+
+  li:not(.ql-direction-rtl)::before {
+    text-align: right;
+    margin-left: -$quill-indent;
+    margin-right: 0.3em;
+
+    @include app-rtl {
+      text-align: left;
+      margin-left: 0.3em;
+      margin-right: -$quill-indent;
+    }
+  }
+
+  ol li {
+    counter-increment: list-0;
+    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+
+    &::before {
+      content: counter(list-0, decimal) '. ';
+    }
+  }
+
+  @include quill-generate-lists($quill-indent);
+
+  .ql-video {
+    max-width: 100%;
+    display: block;
+
+    &.ql-align-right {
+      margin: 0 0 0 auto;
+
+      @include app-rtl {
+        margin: 0 auto 0 0;
+      }
+    }
+
+    &.ql-align-center {
+      margin: 0 auto;
+    }
+  }
+
+  .ql-bg-red {
+    background-color: #e60000;
+  }
+
+  .ql-bg-black {
+    background-color: #000;
+  }
+
+  .ql-bg-yellow {
+    background-color: #ff0;
+  }
+
+  .ql-bg-orange {
+    background-color: #f90;
+  }
+
+  .ql-bg-purple {
+    background-color: #93f;
+  }
+
+  .ql-bg-blue {
+    background-color: #06c;
+  }
+
+  .ql-bg-green {
+    background-color: #008a00;
+  }
+
+  .ql-color-red {
+    color: #e60000;
+  }
+  .ql-color-white {
+    color: #fff;
+  }
+
+  .ql-color-yellow {
+    color: #ff0;
+  }
+
+  .ql-color-orange {
+    color: #f90;
+  }
+
+  .ql-color-purple {
+    color: #93f;
+  }
+
+  .ql-color-blue {
+    color: #06c;
+  }
+
+  .ql-color-green {
+    color: #008a00;
+  }
+
+  .ql-direction-rtl {
+    direction: rtl;
+    text-align: inherit;
+
+    @include app-rtl {
+      direction: ltr;
+      text-align: inherit;
+    }
+  }
+
+  .ql-align-center {
+    text-align: center;
+  }
+
+  .ql-align-justify {
+    text-align: justify;
+  }
+
+  .ql-align-right {
+    text-align: right;
+
+    @include app-rtl {
+      text-align: left;
+    }
+  }
+
+  img {
+    max-width: 100%;
+  }
+}
+
+// Light style
+@if $enable-light-style {
+  .light-style {
+    .ql-editor,
+    .ql-content {
+      blockquote {
+        font-size: light.$blockquote-font-size;
+        margin-bottom: light.$spacer;
+      }
+
+      .ql-font-serif {
+        font-family: light.$font-family-serif;
+      }
+
+      .ql-font-monospace {
+        font-family: light.$font-family-monospace;
+      }
+
+      .ql-size-large {
+        font-size: light.$font-size-lg;
+      }
+      .ql-size-huge {
+        font-size: light.$font-size-xl;
+      }
+
+      .ql-size-small {
+        font-size: light.$font-size-sm;
+      }
+    }
+  }
+}
+
+// Dark style
+@if $enable-dark-style {
+  .dark-style {
+    .ql-editor,
+    .ql-content {
+      blockquote {
+        font-size: dark.$blockquote-font-size;
+        margin-bottom: dark.$spacer;
+      }
+
+      .ql-font-monospace {
+        font-family: dark.$font-family-monospace;
+      }
+
+      .ql-font-serif {
+        font-family: dark.$font-family-serif;
+      }
+
+      .ql-size-huge {
+        font-size: dark.$font-size-xl;
+      }
+
+      .ql-size-large {
+        font-size: dark.$font-size-lg;
+      }
+
+      .ql-size-small {
+        font-size: dark.$font-size-sm;
+      }
+    }
+  }
+}