//
// Component: List
//
// ========================================================================


// Variables
// ========================================================================

//
// New
//

@list-striped-border-width:                     0;
@list-striped-border:                           transparent;


// Style modifiers
// ========================================================================

.hook-list-divider() {}

.hook-list-striped() when not (@list-striped-border-width = 0) {

    &:nth-of-type(odd) {
        border-top: @list-striped-border-width solid @list-striped-border;
        border-bottom: @list-striped-border-width solid @list-striped-border;
    }

}

.hook-list-bullet() {}


// Miscellaneous
// ========================================================================

.hook-list-misc() {}


// Inverse
// ========================================================================

@inverse-list-striped-border:                  transparent;

.hook-inverse-list-divider() {}
.hook-inverse-list-striped() when not (@list-striped-border-width = 0) {

    &:nth-of-type(odd) {
        border-top-color: @inverse-list-striped-border;
        border-bottom-color: @inverse-list-striped-border;
    }

}
.hook-inverse-list-bullet() {}