@import 'vars.scss'; @import 'mixins/collection.scss'; @import "compass/css3/box-shadow"; .tree { a { padding-left:32px; } /*------------ root ------------*/ li { a { padding-left:32px; } .icons { left:8px; } /*------------ 1st level ------------*/ li { background:#ddd; border-bottom:none; @include box-shadow(none); a { padding-left:48px; } .icons { left:24px; } /*------------ 2nd level ------------*/ li { a { padding-left:64px; } .icons { left:40px; } /*------------ 3rd level ------------*/ li { a { padding-left:80px; } .icons { left:56px; } /*------------ 4th level ------------*/ li { /*@include vertical-gradient(darken(#ddd,10),darken(#d6d6d6,10));*/ a { padding-left:96px; } .icons { left:72px; } /*------------ 5th level ------------*/ li { a { padding-left:112px; } .icons { left:88px; } /*------------ 6th level ------------*/ li { a { padding-left:128px; } .icons { left:104px; } /*------------ 7th level ------------*/ li { a { padding-left:144px; } .icons { left:120px; } /*------------ 8th level ------------*/ li { a { padding-left:160px; } .icons { left:136px; } /*------------ 9th level ------------*/ li { a { padding-left:176px; } .icons { left:152px; } } } } } } } } } } } }