.#{$prefix}collapse-el {
|
cursor: $collapse-tool-cursor;
|
}
|
|
.#{$prefix}layout-split-left,
|
.#{$prefix}layout-split-right {
|
top: 50%;
|
margin-top: round(-$collapse-tool-size / 2);
|
width: $splitter-size;
|
height: $collapse-tool-size;
|
}
|
|
.#{$prefix}layout-split-top,
|
.#{$prefix}layout-split-bottom {
|
left: 50%;
|
width: $collapse-tool-size;
|
height: $splitter-size;
|
margin-left: round(-$collapse-tool-size / 2);
|
}
|
|
.#{$prefix}layout-split-left {
|
background-image: theme-background-image('util/splitter/mini-left');
|
}
|
|
.#{$prefix}layout-split-right {
|
background-image: theme-background-image('util/splitter/mini-right');
|
}
|
|
@if $include-rtl {
|
.#{$prefix}rtl {
|
&.#{$prefix}layout-split-left {
|
background-image: theme-background-image('util/splitter/mini-right');
|
}
|
|
&.#{$prefix}layout-split-right {
|
background-image: theme-background-image('util/splitter/mini-left');
|
}
|
}
|
}
|
|
.#{$prefix}layout-split-top {
|
background-image: theme-background-image('util/splitter/mini-top');
|
}
|
|
.#{$prefix}layout-split-bottom {
|
background-image: theme-background-image('util/splitter/mini-bottom');
|
}
|
|
.#{$prefix}splitter-collapsed {
|
.#{$prefix}layout-split-left {
|
background-image: theme-background-image('util/splitter/mini-right');
|
}
|
|
.#{$prefix}layout-split-right {
|
background-image: theme-background-image('util/splitter/mini-left');
|
}
|
|
@if $include-rtl {
|
.#{$prefix}rtl {
|
&.#{$prefix}layout-split-left {
|
background-image: theme-background-image('util/splitter/mini-left');
|
}
|
|
&.#{$prefix}layout-split-right {
|
background-image: theme-background-image('util/splitter/mini-right');
|
}
|
}
|
}
|
|
.#{$prefix}layout-split-top {
|
background-image: theme-background-image('util/splitter/mini-bottom');
|
}
|
|
.#{$prefix}layout-split-bottom {
|
background-image: theme-background-image('util/splitter/mini-top');
|
}
|
}
|
|
.#{$prefix}splitter-active {
|
background-color: $splitter-active-background-color;
|
@include opacity($splitter-active-opacity);
|
|
.#{$prefix}collapse-el {
|
@include opacity($splitter-active-collapse-tool-opacity);
|
}
|
}
|