display only 1 guide (the active one)

[ax1]

This is a suggestion:

Add another gif in the https://atom.io/packages/indent-guide-improved displaying only 1 guide (1 vertical line) instead of all guides.

When a file contains a lot of indentation, it is visually nicer to display just one guide than a crowded set of guides. I think people who like clean code will appreciate this. No code modification is required (a checkbox in the settings would also be perfect for people not to change their atom stylesheet!).

This is an example that works well with javascript files. The key is width:0px.

.indent-guide-improved {
  width:0px;
  &.indent-guide-stack {
    &.indent-guide-active {
      background-color: rgba(255, 255, 255, 0.2);
      width:1px;
      margin-left: 3px;
    }
  }
}

[fonziemedia]

Thanks a lot for this! It's almost perfect for me. The project I'm working on has indent size set to 4 and your styling is really helpful. However, because indentation is not 2, the guides show in the middle of the element tags instead of at the start of it. I think it's because Atom reads indent in sets of 2 but if there's anyway of styling this as well that would be perfect. Cheers!

[ax1]

@fonziemedia: for 4 spaces (python, etc) you may play with the margin-left property.

This should work fine:

margin-left: -1em;

[fonziemedia]

Perfect! Thanks a lot for your help!