/**
* Creates the base structure of a BoundList.
* @member Ext.view.BoundList
*/
@mixin extjs-boundlist {
.#{$prefix}boundlist {
border-width: $boundlist-border-width;
border-style: $boundlist-border-style;
border-color: $boundlist-border-color;
background: $boundlist-background-color;
.#{$prefix}toolbar {
border-width: 1px 0 0 0;
}
}
// IE6/7 have issues with lists in strict mode
@if $include-ie {
.#{$prefix}strict {
.#{$prefix}ie6,
.#{$prefix}ie7 {
.#{$prefix}boundlist-list-ct {
position: relative;
}
}
}
}
.#{$prefix}boundlist-item {
padding: $boundlist-item-padding;
@include no-select;
cursor: pointer;
cursor: hand;
position: relative; /*allow hover in IE on empty items*/
border-width: $boundlist-item-border-width;
border-style: $boundlist-item-border-style;
border-color: $boundlist-item-border-color;
}
.#{$prefix}boundlist-selected {
color: $boundlist-item-selected-color;
background: $boundlist-item-selected-background-color;
border-color: $boundlist-item-selected-border-color;
@include background-gradient($boundlist-item-selected-background-color, 'bootstrap');
}
.#{$prefix}boundlist-item-over {
color: $boundlist-item-over-color;
background: $boundlist-item-over-background-color;
border-color: $boundlist-item-over-border-color;
@include background-gradient($boundlist-item-over-background-color, 'bootstrap');
}
.#{$prefix}boundlist-floating {
border-top-width: 0;
}
.#{$prefix}boundlist-above {
border-top-width: 1px;
border-bottom-width: 1px;
}
}
|