Sha256: 5dd89654c985d057c79e757df6a63c2b50c76fcb623f775d13519ab8d874a14b
Contents?: true
Size: 1.91 KB
Versions: 49
Compression:
Stored size: 1.91 KB
Contents
/* collapsible tree */
// modified from https://raw.github.com/jhfrench/bootstrap-tree/master/less/bootstrap-tree.less
.tree
min-height: 20px
.label.node
margin-right: 5px
a
display: inline
overflow: hidden
text-overflow: ellipsis
// width: 90%
> ul
padding-left: 0
ul
padding-left: 20
li
list-style-type: none
margin: 0px 0
padding: 4px 0px 0px 2px
position: relative
&::before, &::after
content: ''
left: -20px
position: absolute
right: auto
// &::before
// border-left: 1px solid $gray-light
// bottom: 50px
// height: 100%
// top: 0
// width: 1px
// @include transition("border-color 0.1s ease 0.1s")
// &::after
// border-top: 1px solid $gray-light
// height: 20px
// top: 13px
// width: 23px
// @include transition("border-color 0.1s ease 0.1s")
span.lalalal
-moz-border-radius: 5px
-webkit-border-radius: 5px
border: 1px solid $gray-light
border-radius: 5px
display: inline-block
line-height: 14px
padding: 2px 4px
text-decoration: none
@include transition(#{"color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s"})
&.parent_li > span
cursor: pointer
/*Time for some hover effects*/
&:hover
background-color: darken(orange, 5%)
border: 1px solid darken(orange, 10%)
color: #fff
&:hover+ul li
&::after
border-top-color: orange
&::before
border-left-color: orange
&:hover+ul li span
background: lighten(orange, 35%)
border: 1px solid lighten(orange, 10%)
color: #000
/*Remove connectors after last child*/
&:last-child::before
height: 30px
/*Remove connectors before root*/
> ul > li::before, > ul > li::after
border: 0
Version data entries
49 entries across 49 versions & 1 rubygems