.#{$prefix}box-layout-ct {
overflow: hidden;
zoom: 1;
}
.#{$prefix}box-target {
position: absolute;
// This width for the "CSS container box" of the box child items gives them the room
// they need to avoid being "crushed" (aka, "wrapped"). On Opera, elements cannot be
// wider than 32767px or else they break the scrollWidth (it becomes == offsetWidth)
// and you cannot scroll the content.
width: 20000px;
// On IE quirks and IE6/7 strict, a text-align:center style trickles down to this el
// at times and will cause it to move off the left edge. The easy fix is to just always
// set left:0 here (right:0 in rtl mode). The top:0 part is just being paranoid.
// The requirement for targetEl is that its origin align with innerCt... this ensures
// that it does!
top: 0;
left: 0;
// If we don't give the element a height, it does not always participate in the scrollWidth.
height: 1px;
}
@if $include-rtl {
.#{$prefix}rtl.#{$prefix}box-target {
left: auto;
right: 0;
}
}
.#{$prefix}box-inner {
overflow:hidden;
zoom:1;
position:relative;
left:0;
top:0;
}
.#{$prefix}horizontal-box-overflow-body {
float: left;
}
.#{$prefix}box-scroller {
position: relative;
background-repeat: no-repeat;
}
.#{$prefix}box-scroller-left,
.#{$prefix}box-scroller-right {
float: left;
height: 100%;
z-index: 5;
}
.#{$prefix}box-scroller-top,
.#{$prefix}box-scroller-bottom {
.#{$prefix}box-scroller {
line-height: 0;
font-size: 0;
background-position: center 0;
}
}
.#{$prefix}box-menu-after {
float: right;
}
@if $include-rtl {
.#{$prefix}rtl.#{$prefix}box-menu-after {
float: left;
}
}