tree.sass

gistfile1.txt

    ul.tree

      cursor: pointer

      $self_color: desaturate($COLOR_MIDNIGHT_BLUE - 10, 20)
      $darkening_per_level: 10
      $indent: 28px

      .self
        background-color: $self_color

      ul.children
        .self
          margin-left: $indent
          background-color: $self_color - (1 * $darkening_per_level)
        ul.children
          .self
            margin-left: 2 * $indent
            background-color: $self_color - (2 * $darkening_per_level)
          ul.children
            .self
              margin-left: 3 * $indent
              background-color: $self_color - (3 * $darkening_per_level)
            ul.children
              .self
                margin-left: 4 * $indent
                background-color: $self_color - (4 * $darkening_per_level)
              ul.children
                .self
                  margin-left: 5 * $indent
                  background-color: $self_color - (5 * $darkening_per_level)
                ul.children
                  .self
                    margin-left: 6 * $indent
                    background-color: $self_color - (6 * $darkening_per_level)