Prvi commit

EveryThing/wwwroot/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;
+    }
+  }
+}

EveryThing/wwwroot/vendor/libs/quill/typography.scss

@@ -0,0 +1,286 @@
+@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;
+
+      [dir=rtl] & {
+        padding-right: $quill-indent;
+        padding-left: 0;
+      }
+    }
+
+    &.ql-direction-rtl {
+      padding-right: $quill-indent;
+
+      [dir=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 {
+        color: #777;
+        cursor: pointer;
+        pointer-events: all;
+      }
+    }
+  }
+
+  ul[data-checked=true] > li::before {
+    content: '\2611';
+  }
+
+  ul[data-checked=false] > li::before {
+    content: '\2610';
+  }
+
+  li::before {
+    display: inline-block;
+    width: calc(#{$quill-indent} - .3em);
+    white-space: nowrap;
+  }
+
+  li:not(.ql-direction-rtl)::before {
+    margin-right: .3em;
+    margin-left: -$quill-indent;
+    text-align: right;
+
+    [dir=rtl] & {
+      margin-right: -$quill-indent;
+      margin-left: .3em;
+      text-align: left;
+    }
+  }
+
+  li.ql-direction-rtl::before {
+    margin-right: -$quill-indent;
+    margin-left: .3em;
+    text-align: left;
+
+    [dir=rtl] & {
+      margin-right: .3em;
+      margin-left: -$quill-indent;
+      text-align: right;
+    }
+  }
+
+  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 {
+    display: block;
+    max-width: 100%;
+
+    &.ql-align-center {
+      margin: 0 auto;
+    }
+
+    &.ql-align-right {
+      margin: 0 0 0 auto;
+
+      [dir=rtl] & {
+        margin: 0 auto 0 0;
+      }
+    }
+  }
+
+  .ql-bg-black {
+    background-color: #000;
+  }
+
+  .ql-bg-red {
+    background-color: #e60000;
+  }
+
+  .ql-bg-orange {
+    background-color: #f90;
+  }
+
+  .ql-bg-yellow {
+    background-color: #ff0;
+  }
+
+  .ql-bg-green {
+    background-color: #008a00;
+  }
+
+  .ql-bg-blue {
+    background-color: #06c;
+  }
+
+  .ql-bg-purple {
+    background-color: #93f;
+  }
+
+  .ql-color-white {
+    color: #fff;
+  }
+
+  .ql-color-red {
+    color: #e60000;
+  }
+
+  .ql-color-orange {
+    color: #f90;
+  }
+
+  .ql-color-yellow {
+    color: #ff0;
+  }
+
+  .ql-color-green {
+    color: #008a00;
+  }
+
+  .ql-color-blue {
+    color: #06c;
+  }
+
+  .ql-color-purple {
+    color: #93f;
+  }
+
+  .ql-direction-rtl {
+    text-align: inherit;
+    direction: rtl;
+
+    [dir=rtl] & {
+      text-align: inherit;
+      direction: ltr;
+    }
+  }
+
+  .ql-align-center {
+    text-align: center;
+  }
+
+  .ql-align-justify {
+    text-align: justify;
+  }
+
+  .ql-align-right {
+    text-align: right;
+
+    [dir=rtl] & {
+      text-align: left;
+    }
+  }
+
+  img {
+    max-width: 100%;
+  }
+}
+
+.default-style {
+  .ql-editor,
+  .ql-content {
+    @import "../../css/_appwork/include";
+
+    blockquote {
+      margin-bottom: $spacer;
+      font-size: $blockquote-font-size;
+    }
+
+    .ql-font-serif {
+      font-family: $font-family-serif;
+    }
+
+    .ql-font-monospace {
+      font-family: $font-family-monospace;
+    }
+
+    .ql-size-small {
+      font-size: $font-size-sm;
+    }
+
+    .ql-size-large {
+      font-size: $font-size-lg;
+    }
+
+    .ql-size-huge {
+      font-size: $font-size-xl;
+    }
+  }
+}
+
+.material-style {
+  .ql-editor,
+  .ql-content {
+    @import "../../css/_appwork/include-material";
+
+    blockquote {
+      margin-bottom: $spacer;
+      font-size: $blockquote-font-size;
+    }
+
+    .ql-font-serif {
+      font-family: $font-family-serif;
+    }
+
+    .ql-font-monospace {
+      font-family: $font-family-monospace;
+    }
+
+    .ql-size-small {
+      font-size: $font-size-sm;
+    }
+
+    .ql-size-large {
+      font-size: $font-size-lg;
+    }
+
+    .ql-size-huge {
+      font-size: $font-size-xl;
+    }
+  }
+}