Skip to content

Instantly share code, notes, and snippets.

@nlaplante
Created June 11, 2015 16:46
Show Gist options
  • Select an option

  • Save nlaplante/dc32ddd1452e1a1dde14 to your computer and use it in GitHub Desktop.

Select an option

Save nlaplante/dc32ddd1452e1a1dde14 to your computer and use it in GitHub Desktop.
Add grid lines background in Atom editor panes
.editor {
background-color: transparent;
background-image:
linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent),
linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent);
height:100%;
background-size: 30px 30px;
}
@nlaplante
Copy link
Author

Works fine in dark syntax themes, like Seti Monokai.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment