Skip to content

Instantly share code, notes, and snippets.

@lee-dohm
Created January 7, 2017 01:51
Show Gist options
  • Save lee-dohm/f824023e1632d0f2a78db162cb3fee59 to your computer and use it in GitHub Desktop.
Save lee-dohm/f824023e1632d0f2a78db162cb3fee59 to your computer and use it in GitHub Desktop.
Atom Style Tweak - Crazy angled Tree View (and Minimap)
// https://discuss.atom.io/t/crazy-3d-angled-tree-view/18765
#atom-perspective() {
@viewing-distance: 12in;
@rotation: 20deg;
.tree-view-scroller {
transform: translateY(-10vh) perspective(@viewing-distance) rotateY(@rotation);
padding-top: 12vh;
padding-bottom: 12vh;
transform-origin: left;
width: 120%;
height: 120%;
}
body /deep/ atom-text-editor-minimap {
transform: perspective(@viewing-distance) rotateY(-@rotation);
transform-origin: right;
}
}
// Comment or uncomment the next line to control whether the atom-perspective feature is enabled
#atom-perspective;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment