https://github.com/dsandstrom/atom-gutter-shadow

Add a shadow under your gutter
https://github.com/dsandstrom/atom-gutter-shadow

atom gutter

Last synced: 19 days ago
JSON representation

Add a shadow under your gutter

• Host: GitHub
• URL: https://github.com/dsandstrom/atom-gutter-shadow
• Owner: dsandstrom
• License: mit
• Created: 2015-05-26T05:53:29.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-06-19T23:43:13.000Z (over 7 years ago)
• Last Synced: 2024-11-13T04:57:36.260Z (3 months ago)
• Topics: atom, gutter
• Language: CoffeeScript
• Homepage: https://atom.io/packages/gutter-shadow
• Size: 39.1 KB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Gutter Shadow

###### An Atom Package - [Atom.io](https://atom.io/packages/gutter-shadow) : [Github](https://github.com/dsandstrom/atom-gutter-shadow) : [![Build Status](https://travis-ci.org/dsandstrom/atom-gutter-shadow.svg?branch=master)](https://travis-ci.org/dsandstrom/atom-gutter-shadow)

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][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:

```less

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.

[screenshot]: http://content.screencast.com/users/dsandstrom/folders/Jing/media/6e5c193e-29fc-49ff-bab9-2666de15f865/00000039.png