Crazy angled Tree View and Minimap

Created by lee-dohm
Last updated about 7 months ago
#atom-perspective() {
  @viewing-distance: 12in;
  @rotation: 20deg;

  .tree-view {
    transform: translateY(-10vh) perspective(@viewing-distance) rotateY(@rotation);
    padding-top: 12vh;
    padding-bottom: 12vh;
    transform-origin: left;
    width: 120%;
    height: 120%;
  }

  body 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;