indent-guide-plus Made for Pulsar!

An improved indentation guide of text-editor

asiloisad

134

1

1.5.7

MIT

GitHub

indent-guide-plus

An improved indentation guide of text-editor.

demo

Installation

To install indent-guide-plus search for indent-guide-plus in the Install pane of the Pulsar settings or run ppm install indent-guide-plus. Alternatively, you can run ppm install asiloisad/pulsar-indent-guide-plus to install a package directly from the GitHub repository.

Features

Customization

You can customize the indent guides by using custom CSS. Here are some examples:

.indent-guide-plus {
  background: rgba(158, 158, 158, 0.25);
  &.indent-guide-stack {
    background: rgba(158, 158, 158, 0.50);
    &.indent-guide-active {
      background: rgba(1, 162, 226, 0.50);
    }
  }
}
.indent-guide-plus {
  background-color: gray;
  &.indent-guide-stack {
    background-color: cyan;
    &.indent-guide-active {
      background-color: blue;
    }
  }
}
.indent-guide-plus {
  &[depth] {
    &[depth="0"], &[depth="6"], &[depth="12"] {
      background-color: rgb(255, 50, 50);
    }
    &[depth="1"], &[depth="7"], &[depth="13"] {
      background-color: rgb(255, 155, 50);
    }
    &[depth="2"], &[depth="8"], &[depth="14"] {
      background-color: rgb(255, 225, 100);
    }
    &[depth="3"], &[depth="9"], &[depth="15"] {
      background-color: rgb(100, 255, 100);
    }
    &[depth="4"], &[depth="10"], &[depth="16"] {
      background-color: rgb(1, 162, 255);
    }
    &[depth="5"], &[depth="11"], &[depth="17"] {
      background-color: rgb(200, 1, 226);
    }
  }
  opacity: 0.15;
  &.indent-guide-stack {
    opacity: 0.45;
    &.indent-guide-active {
      opacity: 1.0;
    }
  }
}

Contributing

Got ideas to make this package better, found a bug, or want to help add new features? Just drop your thoughts on GitHub — any feedback’s welcome!

Notes

The package is fork of indent-guide-improved, but decaffeinated and fixed.