Skip to content

Latest commit

 

History

History
41 lines (33 loc) · 1.33 KB

README.md

File metadata and controls

41 lines (33 loc) · 1.33 KB

Gutter Shadow

An Atom Package - Atom.io : Github : Build Status

Add a shadow under the gutter when you are scrolled away from it. This makes it easier to tell when you aren't scrolled all the way to the left.

screenshot

Configuration

Always On
The shadow is always visible, even when scrolled all the way to the left.
Bigger Shadow
The scrolled shadow is more pronounced. If "Always On" is enabled, the shadow changes from small to large when scrolling.

DIY

If you want to edit the shadow, add this to your styles.less file:

atom-text-editor {
  // scrolled shadow
  .gutter-shadow.active {
    box-shadow: 0 0 7px 4px rgba(0, 0, 0, .25);
  }
  // bigger scrolled shadow
  .gutter-shadow.active.bigger-shadow {
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .25);
  }
}

Notes

  • v1.0.0 introduces a style change, remove inset from your DIY shadow
  • Issues and PRs are welcome.