Sin descripción
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_mixins.scss 1.0KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. @mixin quill-generate-lists($indent) {
  2. $quill-list-types: (
  3. 1: lower-alpha,
  4. 2: lower-roman,
  5. 3: decimal,
  6. 4: lower-alpha,
  7. 5: lower-roman,
  8. 6: decimal,
  9. 7: lower-alpha,
  10. 8: lower-roman,
  11. 9: decimal
  12. );
  13. @for $i from 1 through 9 {
  14. ol li.ql-indent-#{$i} {
  15. counter-increment: list-#{$i};
  16. @if $i < 9 {
  17. $lists: "";
  18. @for $l from $i + 1 through 9 {
  19. $lists: "#{$lists} list-#{$l}";
  20. }
  21. counter-reset: #{$lists};
  22. }
  23. &::before {
  24. content: counter(list-#{$i}, map-get($quill-list-types, $i)) ". ";
  25. }
  26. }
  27. .ql-indent-#{$i}:not(.ql-direction-rtl) {
  28. padding-inline-start: $indent * $i;
  29. }
  30. li.ql-indent-#{$i}:not(.ql-direction-rtl) {
  31. padding-inline-start: $indent * ($i + 1);
  32. }
  33. .ql-indent-#{$i}.ql-direction-rtl.ql-align-right {
  34. padding-inline-end: $indent * $i;
  35. }
  36. li.ql-indent-#{$i}.ql-direction-rtl.ql-align-right {
  37. padding-inline-end: $indent * ($i + 1);
  38. }
  39. }
  40. }