Setting for indent width for lists in editor

Note: the solution posted here does not seem to work for me. I had to edit the solution in this post: How to make list indents deeper in editor mode? - #4 by ishgunacar

To get:

.HyperMD-list-line.HyperMD-list-line-1 {
  padding-left: 20px !important;
}

.HyperMD-list-line.HyperMD-list-line-2 {
  padding-left: 50px !important;
}

.HyperMD-list-line.HyperMD-list-line-3 {
  padding-left: 80px !important;
}

.HyperMD-list-line.HyperMD-list-line-4{
  padding-left: 110px !important;
}

.HyperMD-list-line.HyperMD-list-line-5 {
  padding-left: 140px !important;
}

.HyperMD-list-line.HyperMD-list-line-6 {
  padding-left: 170px !important;
}

.HyperMD-list-line.HyperMD-list-line-7 {
  padding-left: 200px !important;
}

.HyperMD-list-line.HyperMD-list-line-8{
  padding-left: 230px !important;
}

Works with live preview too (very happy to see that feature btw!)

2 Likes